Vad du bygger
Vi sätter Replits smarta AI-agent i arbete för att automatiskt bygga en komplett, fungerande webbapplikation med både framsida (frontend) och baksida (backend). Du matar bara in en beskrivning av vad du vill ha, och ser sedan appen växa fram rad för rad på skärmen.
Innan du börjar
- Ett konto på Replit med tillgång till Replit Agent (ingår i deras Core-prenumeration).
- En idé eller en kort skriven lista på vad du vill att din app ska göra.
Steg för steg
- Starta Replit Agent – Klicka på den lila knappen Create Repl i det övre högra hörnet på din Replit-startsida och välj alternativet Agent istället för en vanlig programmeringsmall.
- Beskriv ditt projekt – Skriv en tydlig instruktion i chattrutan som öppnas. Förklara vad appen ska göra, vem som ska använda den och vilka delar du vill ha med.
"Jag vill bygga en enkel app där våra kunder kan skicka in feedback. Det ska finnas ett formulär med fält för namn, e-post, betyg 1 till 5 och en fritextruta. Spara allt i en databas och visa en sammanställning på en lösenordsskyddad adminsida."
- Godkänn planen – Klicka på skicka-pilen och läs igenom den plan som agenten presenterar för dig. Klicka på knappen Approve för att ge grönt ljus så att bygget dras igång.
- Följ bygget live – Håll ett öga på skärmen medan agenten skapar filer, installerar nödvändiga kodpaket och startar upp servern i molnet. Du kan se i realtid hur den tar hand om alla tekniska detaljer.
- Testa i förhandsgranskningen – När agenten är klar med en första version dyker din app upp i fönstret till höger. Klicka runt i appen, fyll i ditt formulär och testa att allt fungerar som utlovat.
- Be om justeringar – Om designen behöver ändras eller om en funktion saknas skriver du bara en ny kommentar direkt i chatten.
"Ändra designen så att den använder mer professionella, mörkblå färger och lägg till en knapp för att exportera inskickad feedback till en Excel-fil."
Byggloftets tips
- Börja löjligt enkelt – Be agenten att bygga en enda grundfunktion först. När den fungerar ber du den bygga nästa del. Vår maskot Bygge brukar påminna om att det är mycket lättare att rita ett rum i taget än att rita ett helt slott på en gång.
- Skapa låtsasdata direkt – Be gärna agenten i ditt allra första meddelande att lägga till några exempel-rader i databasen så att du direkt ser hur appen ser ut när den används.
Vanliga fel
- "Agenten fastnar i en loop eller installerar samma sak hela tiden": Klicka på knappen Stop i chatten, skriv sedan i chatten exakt vad som hände och be den försöka med en annan lösning.
- "Jag kan inte logga in på sidan som har skapats": Fråga agenten direkt i chatten: "Vilket användarnamn och lösenord skapade du för mitt testkonto?" så skriver den ut det till dig på ett ögonblick.
Du är klar när…
Du ser din färdiga webbapplikation i förhandsgranskningsfönstret till höger och du kan testa appens alla funktioner precis som en vanlig besökare.
