Een website die je met een AI-bouwer zoals Lovable of Bolt hebt gemaakt, zet je online door de code te exporteren, er een productieversie van te bouwen en die bestanden op je hosting te zetten. Voor de meeste sites is gewone webhosting genoeg, omdat het eindresultaat een set losse bestanden is. Met een eigen domein en een SSL-certificaat erbij staat hij professioneel online.
Waarom niet gewoon online laten staan bij de AI-bouwer?
Dat kan, maar dan staat je site vaak op een adres van de bouwer, of betaal je een abonnement om een eigen domein te koppelen. Zet je hem zelf op je hosting, dan heb je de bestanden in eigen hand, staat alles op één plek met je mail en domein, en ben je niet afhankelijk van de prijzen en voorwaarden van die bouwer.
Wat heb je nodig?
- De code van je site: de meeste AI-bouwers laten je je project downloaden of naar GitHub sturen.
- Een domeinnaam: bijvoorbeeld jouwbedrijf.nl. Zoek bij domeinen of hij nog vrij is.
- Webhosting: een plek om de bestanden neer te zetten, met een SSL-certificaat. Bij ons kan dat met webhosting vanaf €4,95 per maand.
In 5 stappen online
1. Exporteer je project
Download je project als zip-bestand, of koppel het aan GitHub en download het daar. Je krijgt een map met de broncode, meestal met een bestand package.json erin.
2. Maak een productieversie
Veel AI-bouwers maken een React-project met Vite. Met Node.js op je computer open je de map in een terminal en voer je npm install en daarna npm run build uit. Er verschijnt een map met de naam dist (soms build). Daarin staat je complete website als losse bestanden.
3. Upload de bestanden
Log in op cPanel en open bestandsbeheer. Zet de inhoud van de map dist in de map public_html van je domein. Let op: de inhoud, niet de map zelf. Uploaden kan ook met een FTP-programma.
4. Zorg dat alle pagina's werken
Een site uit een AI-bouwer is vaak een single-page app: alle pagina's lopen via één bestand, index.html. Open je dan een pagina zoals /contact direct, dan krijg je een foutmelding. Dat los je op met een bestand .htaccess in public_html, met deze regels:
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
5. Koppel je domein en zet SSL aan
Staat je domein bij ons, dan is dat meteen geregeld. Staat het ergens anders, dan laat je het naar je hosting wijzen. Bij onze hosting krijg je automatisch een gratis SSL-certificaat, zodat je site via https laadt.
Waar moet je op letten?
- Formulieren en inloggen: gebruikt je site een database of inlogsysteem, zoals Supabase, dan blijft dat gewoon bij die dienst draaien. Je zet alleen de voorkant op je hosting. Controleer na het uploaden of formulieren nog werken.
- Geheime sleutels: zet nooit geheime API-sleutels in de code die je uploadt. Alles in de map dist is voor iedere bezoeker leesbaar.
- Vindbaarheid: een single-page app bouwt de tekst op met JavaScript. Google kan dat meestal lezen, maar veel AI-zoekbots niet. Lees hierover gevonden worden in Google én ChatGPT.
- Een eigen server nodig: werkt je project met serverfuncties, bijvoorbeeld Next.js met server-side rendering, dan is een map met losse bestanden niet genoeg. Vraag ons dan wat in jouw geval past.
Liever dat iemand meekijkt?
Loop je vast, stel dan je vraag. Wil je weten hoe je site ervoor staat zodra hij online is, doe dan de gratis websitescan. En heb je liever een site die we voor je maken en bijhouden? Kijk dan bij Online starten.
Veelgestelde vragen
Kan ik een Lovable-website op mijn eigen hosting zetten?
Ja. Exporteer je project, maak met npm run build een productieversie en zet de inhoud van de map dist in public_html. Met een .htaccess-bestand zorg je dat alle pagina's werken.
Heb ik speciale hosting nodig voor een AI-website?
Meestal niet. Het eindresultaat is een set losse bestanden, en die draaien op gewone webhosting. Alleen als je project een eigen server nodig heeft, zoals Next.js met serverfuncties, is meer nodig.
Waarom krijg ik een 404 als ik een pagina direct open?
Bij een single-page app lopen alle pagina's via index.html. Zet een .htaccess-bestand in public_html dat alle onbekende adressen naar index.html stuurt.
Blijft mijn database werken als ik verhuis?
Ja, als die bij een externe dienst draait, zoals Supabase. Je zet alleen de voorkant van je site op je hosting.
Deel dit artikel