Bolt schrijft je project in de browser en publiceert het op zijn eigen hosting, Bolt Cloud. Om hetzelfde project op Ai to App te publiceren, heb je genoeg aan de zip die Bolt downloadt. Kijk vóór het uploaden wat voor project het is: in hetzelfde gesprek kan Bolt een website, een serverapplicatie of een telefoonapp bouwen.
Download de Zip uit Bolt
- Open je project in Bolt.
- Klik linksboven op de projectnaam en kies Download in het menu dat opent.
- Bewaar de gedownloade zip zonder hem uit te pakken; dit is het bestand dat je naar Ai to App uploadt.
Heb je het project aan GitHub gekoppeld, dan kun je het ook uit de repository halen met Code → Download ZIP. Ook de knop Export project first, die verschijnt als je in Bolt een project verwijdert, downloadt dezelfde zip.
Wat er Gebeurt per Projecttype
Pak de zip uit en bekijk de dependencies in het bestand package.json. Daaraan herkent Ai to App het type:
| Wat je in de dependencies ziet | Op Ai to App | Wat jij doet |
|---|---|---|
vite (standaard in Bolt) | Website. Wordt op de server gebouwd en de map dist die daaruit komt, wordt gepubliceerd. | Upload de zip zoals hij is. |
next | Serverapplicatie. Wordt gebouwd met next build en draait met next start. | Upload de zip zoals hij is. |
astro | Website. Wordt gebouwd en dist wordt gepubliceerd. | Upload de zip zoals hij is. |
Serverpakketten zoals express, hono | Serverapplicatie. | Het script start moet de productieserver starten. |
expo | Telefoonapp; wordt niet zomaar op het web gepubliceerd. | Voer op je computer npx expo export --platform web uit en zip de inhoud van de map dist die daarbij ontstaat. |
Zet de zip neer in het vak op de homepage. De eerste controle toont het type en wat er ontbreekt, zonder dat je een account aanmaakt.
Bolt Database en Inloginstellingen
De database van Bolt blijft in Bolt Cloud; je app maakt er ook verbinding mee als hij op Ai to App draait. Je hoeft alleen de verbindings- en inloginstellingen over te zetten.
- Verbindingswaarden
- In een project dat Bolt Database of Supabase gebruikt, staan het adres en de sleutel van de database in het bestand
.env. Waarden met het voorvoegselVITE_neemt Ai to App zelf mee in de build; waarden zonder voorvoegsel voer je in op het scherm Omgevingsvariabelen op de kaart van de app, op de pagina Mijn apps. - Server Functions en Secrets
- De server functions van Bolt en de geheime sleutels die ze gebruiken, draaien aan de databasekant en komen niet in de zip. Je hoeft ze op Ai to App niet apart in te stellen.
- Doorverwijzing na Inloggen
- Klik in Bolt bovenaan in het midden op het database-icoon, open het tabblad Authentication, vul in het onderdeel Advanced bij Site URL
https://mijn-project.aitoapp.comin en voeghttps://mijn-project.aitoapp.com/**toe aan de URI allow list. Bolt werkt deze velden alleen bij voor zijn eigen publicatieadres; voeg je ze niet toe, dan gaan bevestigings- en wachtwoordresetlinks naarlocalhost:3000. - De Database naar je Eigen Account Halen
- Ga je de app lang gebruiken, haal de database dan naar je eigen Supabase-account: database-icoon → Advanced → Claim. Voor deze stap heb je in Bolt een Pro- of Teams-abonnement nodig.
Veelvoorkomende Problemen
Zegt de console dat het Supabase-adres ontbreekt, dan zit er geen .env in de zip. Kopieer de waarden uit het bestand .env in Bolt, voer ze in het paneel in en klik op Opslaan en opnieuw publiceren.
In Bolt kan het script dev beide samen starten; na publicatie is één start nodig. De server moet zo zijn ingericht dat hij ook de gebouwde frontend serveert; dat kun je door Bolt laten doen.
Site URL staat nog op de standaardwaarde van Bolt. Voer de stap Doorverwijzing na Inloggen uit.
De telefoonapp is met de broncode geüpload. Exporteer eerst de webversie en zip alleen de inhoud van de map dist.
Volgende Versies
Voer de wijziging door in Bolt, download de zip opnieuw en upload hem via de kaart van dezelfde app. Je adres blijft hetzelfde. De publicatie in Bolt Cloud en die op Ai to App zijn aparte kopieën; wil je beide actueel houden, publiceer dan na elke wijziging allebei.
