Je AI-website exporteren (zip of GitHub) en uploaden

Je haalt je AI-website eruit als zip of via GitHub, bouwt hem met npm run build en uploadt de uitkomst met SFTP. Bij een Vite-project staat die uitkomst in de map dist, bij een Next-project met static export in out. Dat is de korte route. Hieronder staat hoe je de code per tool exporteert en waar je op let.

Wil je dit liever overlaten? Stuur ons de zip of de GitHub-link, dan zetten wij de site online als onderdeel van de gratis verhuizing.

Wat een goede export bevat

Open de uitgepakte zip of de GitHub-repository en kijk of je deze dingen ziet:

• package.json: de lijst met onderdelen en de scripts, waaronder build.
• src: de broncode van je site.
• een bouwconfiguratie zoals vite.config.ts of next.config.js.
• een lockbestand zoals package-lock.json, dat de versies vastlegt.

Die zie je nog niet: de map dist of out. Die ontstaat pas na het bouwen. Zie je alleen losse HTML-bestanden zonder package.json, dan is je site al klaar om te uploaden, zonder bouwstap.

Open package.json en zoek naar "build" onder scripts. Staat daar vite build, dan bouwt het project naar dist. Staat er next build en bevat de configuratie output: 'export', dan komt de uitkomst in out. Staat er een pakket als @tanstack/react-start, dan is het project voor een server bedoeld.

Per tool: zo haal je de code eruit

Tool	Exportroute	Wat je krijgt	Statisch?
Lovable	Download codebase (betaald plan) of GitHub-koppeling	Broncode van het project	Oudere React-projecten: ja. Nieuwere TanStack-projecten: nee
Bolt	Projecttitel, dan Download, of GitHub-icoon	Zip of repository	Ja als het een Vite-project is
v0	GitHub-koppeling in de projectinstellingen, of exporteren	Next.js-project	Alleen met static export en zonder serverfuncties
Replit	Drie puntjes boven de bestandsboom, Download as zip	Zip van het project	Alleen bij een statisch project; Agent-apps hebben een backend

Lovable

Lovable heeft twee routes. Via GitHub: ga naar de projectinstellingen, kies Git en koppel GitHub. Lovable maakt een eigen privé-repository en houdt die gelijk met je project. Dat kan op alle plannen. Via zip: de optie Download codebase staat onder Git in de projectinstellingen, en onderaan de bestandsboom in de code-editor. Dat is een optie bij betaalde plannen.

Wat in de export zit: de code en de migratiebestanden van de database, maar niet de gegevens zelf. Projecten die sinds 13 mei 2026 zijn aangemaakt, gebruiken TanStack Start en renderen op een server. Oudere projecten zijn React met Vite en bouwen naar statische bestanden. Kijk in package.json welke je hebt. Het hele verhaal staat in Lovable verhuizen naar je eigen domein, en de pagina voor Lovable laat zien hoe wij met die tool werken.

Bolt

Klik in Bolt op de titel van je project linksboven en kies Download. Je krijgt een zip. Liever GitHub: klik rechtsboven op het GitHub-icoon, log in en maak een repository aan. Bolt houdt die gelijk met je project. Welk framework Bolt gebruikt hangt van je project af, dus bekijk package.json na het downloaden.

v0

v0 bouwt met Next.js. Via de projectinstellingen koppel je GitHub: v0 maakt dan een privé-repository met je code. De v0-documentatie noemt ook het exporteren van je code om elders te hosten. Zoek in het menu naar de optie om de code te downloaden. Een Next-project met serverfuncties past niet op statische hosting. Vraag je AI om een statische export: output: 'export', zonder API-routes en zonder server actions. Bij Next hoort in dat geval ook images: { unoptimized: true }, want de standaard beeldoptimalisatie vraagt een server.

Replit

Open het menu met de drie puntjes bovenaan de bestandsboom en kies Download as zip. Lukt dat niet, dan kan in de Shell zip -r project.zip ., waarna je het bestand downloadt. Apps die met Replit Agent zijn gemaakt, hebben een eigen backend. Zo’n app past bij een aanbod op maat, stuur ons een appje. Heb je een puur front-end project, dan werkt de route hieronder.

Stap voor stap: bouwen en uploaden

1. Pak de zip uit of clone de repository. Je hebt Node.js nodig; gebruik de versie die in de tool wordt genoemd, bij Lovable is dat Node 22.
2. Installeer de onderdelen. Open een terminal in de projectmap en voer uit:

npm install
npm run build

3. Kijk in de uitvoer. Bij Vite zie je een map dist verschijnen met index.html en een map assets. Bij Next met static export staat de uitkomst in out.
4. Open je SFTP-programma. Installeer FileZilla of Cyberduck en log in met de gegevens uit je portal onder Bestanden.
5. Upload de inhoud van dist of out. Niet de map zelf, maar wat erin zit. index.html moet direct in de hoofdmap van je website staan.
6. Test. Open je site en klik door alle pagina’s. Open ook een pagina als /over-ons direct via het adres in de adresbalk.

Die laatste test telt vooral bij React-sites met meerdere pagina’s. Een pagina als /over-ons bestaat dan niet als bestand, dus de server moet onbekende adressen naar index.html sturen. Dat is een instelling op onze kant, en we zetten hem op verzoek voor je aan. Stuur een appje met je domein en we regelen het. Meer over React en Vite zonder Node lees je in React en Vite hosten zonder Node-server.

Als iets niet werkt na het uploaden

• Witte pagina: open de ontwikkelaarstools van je browser en kijk naar de console. Staan er fouten over bestanden die niet laden, dan klopt het pad niet. Vite gebruikt standaard base: '/', wat past bij een domein op de hoofdmap.
• Pagina’s geven een foutmelding bij verversen: zie de rewrite hierboven.
• Formulier of inloggen werkt niet: de backend zit nog bij de tool. Een contactformulier los je op met PHP, zoals beschreven in een contactformulier op je AI-website.
• Er ontbreken gegevens: variabelen met het voorvoegsel VITE_ worden bij het bouwen in de code gezet. Pas je er een aan, dan moet je opnieuw bouwen. Zet er geen geheimen in, want ze zijn zichtbaar voor iedereen.

Zelf uploaden of laten doen

Kun je een terminal bedienen, dan is de hele route zo gedaan. Wil je dat niet, dan zijn er twee alternatieven. Stuur ons de zip of GitHub-link en wij zetten de site online als onderdeel van de gratis verhuizing. Of laat je eigen AI de bestanden bijwerken via MCP, als je daar later mee wilt werken.

Heb je nog geen plan? Het Website-plan kost € 9 per maand (excl. btw) en je bestelt het via het bestelformulier. Een overzicht van alle routes vind je in website van AI online zetten.