Vad du bygger
En tydlig flyttplan och förberedda projektfiler från din Bolt.new-prototyp. Detta gör att du kan lämna skissstadiet och smidigt flytta över din app till Lovable för att koppla på riktig databas, inloggning och betalningar.
Innan du börjar
- En fungerande prototyp i Bolt.new.
- Ett registrerat konto i Lovable.
- Tio minuter av din tid för att utvärdera nästa steg.
Steg för steg
-
Gör en funktionsinventering – Öppna din prototyp i Bolt.new och klicka runt. Skriv ner en lista på de knappar och formulär som i dagsläget bara visar låtsasdata, men som i den färdiga produkten måste fungera på riktigt.
-
Kolla efter de tre nyckelbehoven – Ställ dig själv tre frågor. Behöver mina användare kunna logga in och ha egna konton? Behöver jag spara information i en databas som inte försvinner när sidan laddas om? Behöver jag kunna ta betalt? Om du svarar ja på någon av dessa är det dags att lämna Bolt.new.
-
Exportera din kod från Bolt.new – Klicka på nedladdningsikonen i övre högra hörnet i Bolt.new (ofta en liten symbol med en pil nedåt). Detta sparar ner hela projektets källkod som en zip-fil på din dator.
-
Kopiera din instruktionshistorik – Gå igenom din chatt i Bolt.new. Kopiera de viktigaste instruktionerna och beskrivningarna som du har gett verktyget för att bygga designen. Spara dem i ett vanligt textdokument.
-
Starta projektet i Lovable – Logga in på Lovable och skapa ett nytt projekt. Du kan nu välja att ladda upp zip-filen du nyss laddade ner, eller helt enkelt klistra in din sparade instruktionshistorik i chatten för att låta Lovable bygga upp layouten åt dig med en stabilare grund.
Byggloftets tips
- Vår maskot Bygge brukar påminna om att det är smartast att leka färdigt i sandlådan först. Gör designen så komplett du kan i Bolt.new innan du flyttar, då blir det mycket billigare och snabbare att bygga färdigt i Lovable.
- Lovable samarbetar extremt bra med en databastjänst som heter Supabase. Du behöver inte kunna koda för att använda den, Lovable hjälper dig att koppla ihop allt automatiskt.
Vanliga fel
- "All min testdata försvinner när jag laddar om webbläsaren": Detta beror på att Bolt.new bara sparar din data tillfälligt. Det är inget fel på din app, det är bara det tydligaste tecknet på att du måste uppgradera till Lovable för att få en riktig databas.
- "Importen av zip-filen till Lovable misslyckas": Ibland kan kodstrukturen krocka. Lösningen är att starta ett helt nytt, tomt projekt i Lovable och istället klistra in en skärmdump på din Bolt.new-design i Lovables chatt och skriva:
Här är min design från Bolt.new. Kan du återskapa detta gränssnitt åt mig så att vi kan koppla på en databas?
Du är klar när…
Du har exporterat din kod från Bolt.new och startat ditt nya projekt i Lovable, redo att ta emot riktiga användare och spara riktig data.
