v0 bouwt projecten met Next.js en publiceert ze op Vercel. Om hetzelfde project op Ai to App te publiceren, haal je de code op als zip; Ai to App bouwt het als Next.js-serverapplicatie en zet het online op mijn-project.aitoapp.com. Het enige wat niet met de code meekomt, zijn de waarden die op Vercel staan: omgevingsvariabelen en integratiesleutels.
Haal de Code uit v0
| Download ZIP | Via GitHub | |
|---|---|---|
| Waar | In het menu ⋯ rechtsboven in de chat kies je Download ZIP. | Maak een repository aan via Project menu ⋯ → Settings → GitHub en kies daarna op GitHub Code → Download ZIP. |
| Wanneer | Voor een eenmalige kopie. | Als je het project vaak gaat bijwerken. |
| Let Op | In 2026 werden in de Vercel-community zips gemeld die leeg of onvolledig binnenkwamen. Open de zip en kijk of package.json erin zit. | De repository blijft in jouw account; elke wijziging in v0 wordt daar weggeschreven. |
Bekijk de Zip Vóór het Uploaden
- In de hoofdmap staan
package.jsonen de mapapp. Zo niet, dan is de zip onvolledig gedownload; gebruik de route via GitHub. pnpm-lock.yamlofpackage-lock.jsonis aanwezig. Ai to App installeert de pakketten met dezelfde pakketbeheerder.- Staat in het bestand
next.configoutput: 'export', dan wordt het project als website gepubliceerd en is geen server nodig. Staat het er niet, dan wordt het als serverapplicatie gepubliceerd.
Zet de zip neer in het vak op de homepage. De eerste controle bekijkt het project zonder dat je een account aanmaakt.
Neem de Waarden van Vercel Mee
De variabelen die v0 gebruikt, worden op Vercel bewaard en zitten niet in de zip. Je ziet ze allemaal in v0 op het scherm Project menu ⋯ → Settings → Environment Variables. Klik in Ai to App op de pagina Mijn apps op de kaart van de app op Omgevingsvariabelen, voer de waarden in en klik op Opslaan en opnieuw publiceren.
| Variabele | Opmerking |
|---|---|
Waarden van Neon, Supabase, Upstash (DATABASE_URL, NEXT_PUBLIC_SUPABASE_URL, KV_REST_API_URL…) | Voer de waarde ongewijzigd in. Je database blijft waar hij is en de app maakt er vanuit Ai to App verbinding mee. |
AI_GATEWAY_API_KEY | Op Vercel is deze sleutel niet nodig, omdat daar het eigen sessietoken van Vercel wordt gebruikt. Buiten Vercel werken AI-functies niet zonder deze sleutel. Maak hem aan in het Vercel-dashboard via het scherm AI Gateway → API Keys. |
BLOB_READ_WRITE_TOKEN | Bestandsuploads blijven naar Vercel Blob gaan. |
Waarden met het voorvoegsel NEXT_PUBLIC_ | Ze worden tijdens de build in de code ingebouwd en elke bezoeker kan ze zien. Publiceer na een wijziging altijd opnieuw. |
Functies Die Alleen op Vercel Werken
- Vercel Analytics
@vercel/analyticsverzamelt alleen op Vercel gegevens. Op Ai to App maakt het de pagina niet kapot, maar het telt geen bezoeken.- Geplande Taken
- Cron-definities in
vercel.jsonwerken niet op Ai to App. Moet een taak regelmatig draaien, roep dan het betreffende adres van de app aan met een externe planner. - Publish-Knop
- Publish in v0 publiceert alleen naar Vercel. De kopie op Ai to App verandert pas als je de nieuwe zip uploadt.
Veelvoorkomende Problemen
In de zip zit geen package.json; hij is onvolledig uit v0 gedownload. Koppel het project aan GitHub en download de zip daarvandaan.
Next.js maakt sommige pagina's tijdens de build en zoekt de variabele op dat moment. Voer de ontbrekende waarde in het paneel in en klik op Opslaan en opnieuw publiceren.
De AI Gateway-verbinding die op Vercel werkt, heeft daarbuiten een sleutel nodig. Voer de waarde AI_GATEWAY_API_KEY in.
In de inloginstellingen staat nog het oude adres. Werk in NextAuth de waarde NEXTAUTH_URL en in Supabase de lijst Redirect URLs bij met het nieuwe adres.
Volgende Versies
Voer de wijziging door in v0, download de zip opnieuw en upload hem via de kaart van dezelfde app. Je adres en de gegevens in de database blijven hetzelfde.
