Een v0-project op je eigen server publiceren

Om een v0-project op je eigen server te publiceren koppel je het vanuit de v0-instellingen aan GitHub, neem je de omgevingsvariabelen over en geef je de repository aan het Coolify-paneel op je server. v0 genereert standaard Next.js en Next.js ondersteunt alle functies op een Node.js-server. De documentatie van v0 zegt ook dat je je code kunt exporteren en elders kunt publiceren.

Wat je hebt, is een gewoon Next.js-project met React, TypeScript, Tailwind en shadcn/ui, en Next.js is het projecttype dat we het meest met Coolify op een echte server hebben getest. Twee dingen vragen aandacht: hoe v0 branches gebruikt en de variabelen die de integraties toevoegen.

Hoe haal je de code uit v0?

1. Open in het project het Project menu (...), ga naar Settings en GitHub en druk op Connect.
2. Kies onder Git Scope het account dat de repository gaat bezitten en vul Repository Name in.
3. Druk op Create Repository. v0 maakt een privé-repository aan en pusht de huidige code.

Volgens de documentatie van v0 is die repository nu de bron van waarheid, dus verwijderen kan de code kosten. Heb je maar een paar bestanden nodig, dan slaat Download file op het tabblad Code het geopende bestand op. Voor een heel project is GitHub de nette route.

Waarom zijn de branches belangrijk?

v0 schrijft nooit rechtstreeks naar main. Elke chat maakt een werkbranch aan, zoals v0/main-abc123, gegenereerde code komt daar terecht en bereikt main via een pull request. Je server kijkt naar main, dus de regel is eenvoudig: wat wordt samengevoegd, gaat live.

• Om je server bij te werken voeg je de pull request van de werkbranch samen op GitHub.
• De knop Publish in v0 voegt de pull request ook samen, maar draait ook de eigen publicatie van v0. Voeg samen op GitHub als je alleen de server wilt bijwerken.
• Laat het werk op de branch staan terwijl je experimenteert, dan wordt je server niet geraakt.

Stap voor stap

1. Kies een grootte op de pagina Next.js VPS en bestel de server.
2. Noteer in v0 de namen van de variabelen onder Project menu, Settings, Environment Variables. Integraties voegen daar hun eigen variabelen toe. Haal een waarde die je niet kunt zien uit het eigen dashboard van die dienst.
3. Kloon de repository met git clone en open de map in een codeertool zoals Claude Code of Cursor.
4. Kopieer de rij Plak in je AI-tool van het tabblad Overzicht in je Seturack-paneel, plak die erin en geef de variabelen op. De tool leest de instructies en publiceert, en voegt een alleen-lezen deploy key toe aan de privé-repository.
5. Test zodra het HTTPS-adres er is de pagina's, het inloggen en het schrijven van gegevens.
6. Laat een A-record naar het IP-adres van de server wijzen en geef de tool de domeinnaam. Het certificaat wordt automatisch uitgegeven.
7. Vraag de tool bij elke push te publiceren. Elke wijziging die in main wordt samengevoegd, wordt dan op de server gebouwd.

De stappen om dit met de hand te doen staan in onze Next.js-gids. Je hebt root-toegang en je kunt alles vanuit het paneel beheren als je dat liever hebt.

Twee details over variabelen

Variabelen die met NEXT_PUBLIC_ beginnen, worden tijdens de build in de browsercode geschreven. Houd ze dus beschikbaar tijdens de build in Coolify en publiceer opnieuw als er een verandert. Geef dat voorvoegsel nooit aan model- of betaalsleutels. Bevat de code localhost of een voorbeeldadres van v0, vervang dat dan door je eigen adres.

Wat werkt er op je eigen server en wat verandert?

Lees package.json door om pakketten te vinden die bij een bepaald platform horen, of vraag het aan je codeertool: "What in this project depends on a particular hosting platform?"

Veelgestelde vragen

Hoeveel RAM heeft een v0-project nodig?

Bij Next.js bepaalt de build de eis. Een klein project werd gebouwd op 2 GB, terwijl een groot project met 85 pakketten bij 2 GB zonder geheugen kwam te zitten en bij 4 GB wel werd gebouwd. Daarom raadt de verkooppagina minimaal 4 GB RAM, 2 vCores en 40 GB schijf aan. Mislukt een build, schaal dan op vanuit je paneel.

Wat kost het per maand?

De aanbevolen minimumgrootte kost ongeveer $6 per maand (inclusief btw), en buiten Turkije betaal je in Amerikaanse dollars. Dagelijkse back-ups zijn bij de prijs inbegrepen en het verkeer is onbeperkt. Wil je dit vergelijken met hosting die op gebruik wordt gefactureerd, lees dan hoe je de cijfers uitrekent. Je abonnement op v0 is apart.

Hoe koppel ik mijn domein?

Laat een A-record naar het IP-adres van de server wijzen, voeg het domein toe aan de app en publiceer opnieuw. Het certificaat wordt automatisch uitgegeven. Ons helpartikel behandelt het record. Is het domein nu ergens anders live, test dan eerst op het tijdelijke adres en zet het record als laatste om.

Kan ik in v0 blijven werken?

Ja. Zolang de repository gekoppeld blijft, blijft v0 naar werkbranches schrijven en wordt je server bijgewerkt zodra je samenvoegt. Je kunt ook vanuit Cursor of Claude Code in dezelfde repository werken, wat de documentatie van v0 beschrijft.

Kan ik de database naar mijn eigen server verhuizen?

Ja. Voor een PostgreSQL-project kun je in Coolify op dezelfde server een database aanmaken en je gegevens laden, en die blijft voor de buitenwereld gesloten. Gebruikt het project Supabase, dan heb je ook de aanmeld- en bestandsdiensten ervan nodig, en dan past Supabase VPS beter.

Kant-en-klaar bij Seturack: Next.js, Coolify.