Bolt.new straks skilte sig ud på grund af sit dristige løfte om hastighed og kontrol. Det er ikke hver dag, man ser et AI-værktøj, der ikke blot foreslår kodeudsnit, men rent faktisk opretter et fungerende miljø, genererer rigtig kode og endda tilbyder ét-klik-udrulning.
Men jeg har været i branchen længe nok til ikke at lade mig påvirke af overdrevne marketing-PR’er og påstande. I stedet for at tage disse udsagn for gode varer besluttede jeg at teste Bolt.new selv.
I denne Bolt.new-anmeldelse tager jeg dig gennem min hands-on-oplevelse med platformen: fra tilmelding og opbygning af min første app til UI-tilpasning, fejlsøgning og test af udrulning. Når du er færdig, ved du, om dette værktøj er umagen værd.
Hvad er Bolt.new?
Du beskriver simpelthen, hvad du vil have—som “Build a blog with Astro and Tailwind”—og Bolt.new klarer resten: opsætter pakker, genererer både frontend- og backend-kode og starter en live Node.js-server.
Det, der gør det unikt, er dets AI-første tilgang til full-stack-udvikling. I modsætning til bredere platforme som Replit, der lægger vægt på samarbejde og IDE-fleksibilitet, fokuserer Bolt.new på hurtig, automatiseret scaffolding for solo-udviklere og små teams.
Hvem er det til?
Bolt.new er bedst til
- Solo-udviklere, freelancere og små teams, der ønsker at omsætte idéer til fungerende prototyper uden at bruge timer på at sætte miljøer op. Hvis du foretrækker at beskrive din app på almindeligt engelsk i stedet for at skrive hver eneste linje standardkode, vil dette værktøj spare dig for meget tid.
- Designere eller ikke-tekniske grundlæggere, der hurtigt vil bringe en Figma-mockup eller koncept til live, da AI’en kan håndtere det meste af scaffolding automatisk.
- Erfarne udviklere, der kan bruge det som et hurtigt udgangspunkt. Du kan lade AI’en generere den indledende struktur og derefter forfine eller udvide den i dit eget IDE, efter koden er eksporteret.
Fordele og ulemper
- Hurtig AI-drevet app-generering
- Ren og minimalistisk grænseflade
- Fuld adgang til genereret kode
- Prompt-enhancer udvider specifikationer
- Realtidstransparens i filoprettelse
- Indbygget autentificering og API’er
- Preview loader ofte ikke
- Auto-fix løser ikke alle fejl
- Publiceringsfejl blokerer udrulning
- Tokenforbrug ved fejl
- Begrænset onboarding-vejledning efter login
Bolt.new-funktioner
- AI-drevet app-generering ud fra prompts
- Full-stack-udvikling direkte i browser
- Realtidskodeeditor med fil-oversigt
- Visuel preview med responsivt testværktøj
- Prompt-enhancer til detaljerede specifikationer
- GitHub-integration til versionsstyring
- Supabase-integration til databaseservices
- Stripe-integration til betalingshåndtering
- Figma-import til design-til-kode-konvertering
- Netlify- og Bolt-hosting understøttelse
- Indbygget autentificering og API-ruter
- Tokenbaseret forbrug af AI-generation
- Projektindstillinger med tilpasningskontroller
Min hands-on-oplevelse med Bolt.new: En trin-for-trin-guide
Jeg ville se, hvordan Bolt.new føles, lige når man lander—hvor nemt det er at tilmelde sig, hvor hurtigt man kan begynde at bygge, og om det lever op til løfterne.
Så lad mig tage dig gennem min nøjagtige oplevelse, trin for trin.
Kom godt i gang: Tilmelding og første indtryk
Tilmeldingsprocessen er altid det første, jeg tjekker, når jeg anmelder et AI-appbygger. Hvorfor? Fordi den afslører meget om tilgængeligheden.
Da jeg landede på Bolt.news forside, var det allerførste, jeg så, overskriften: “What should we build today?” med en undertitel, der inviterede til at “Create stunning apps & websites by chatting with AI.”
Lige under var et stort indtastningsfelt, hvor man kunne taste sin idé eller importere fra Figma eller GitHub. Det føltes rent, moderne og meget fokuseret på at få mig til at gå i gang med det samme.
Øverst til højre lå en klar blå Get started-knap, som jeg klikkede på. En mørkegrå modal dukkede op og bad mig logge ind eller oprette en konto. Jeg havde tre muligheder: log ind med Google, log ind med GitHub eller brug e-mail og adgangskode.
Jeg valgte personligt Google-indstillingen, fordi det normalt er hurtigst. Knappen skiftede til “Authenticating…” med en lille spinner, så jeg vidste, at der skete noget i baggrunden.
En ting, jeg satte pris på her: ingen kreditkort var påkrævet. Det fortalte mig med det samme, at Bolt.new lader dig komme i gang uden at låse dig fast på et abonnement først. Mange platforme tvinger dig til at tilføje betalingsinfo på forhånd, så dette var et forfriskende tegn på tillid.
Da jeg havde logget ind, landede jeg på Bolt.news dashboard, og ærligt talt var det så minimalistisk, som det kunne blive. Det lignede faktisk næsten identisk forsiden, med den samme overskrift — “What should we build today?” — og det samme store indtastningsfelt, der inviterede til at taste en idé.
I starten forvirrede det mig en smule. Jeg var ikke sikker på, om jeg rent faktisk var logget ind, eller om jeg stadig kiggede på forsiden. Der var ingen tydelig velkomsthilsen, ingen onboarding-tjekliste og ingen klar indikation af, at jeg var i et andet rum.
Jeg tror, målet er at fjerne distraktioner, så du kan gå direkte til at skrive din idé og lade AI’en bygge den. Alligevel ville et lille visuelt hint—som en “Velkommen tilbage”-besked eller en diskret dashboard-etiket—gøre overgangen tydeligere.
Under indtastningsfeltet er der valgmuligheder for import fra Figma eller GitHub, hvilket er en fin detalje for dem, der allerede har en designfil eller et repo. Rundt i kanterne af siden er navigationen meget let: links til Community, Enterprise, Resources, Careers og Pricing øverst samt nogle grundlæggende virksomheds- og sociale links i footeren.
Opbygning af min første app med Bolt.new
Dernæst ville jeg se, hvor nemt, intuitivt og ligetil det er faktisk at bygge en app i Bolt.new. Som anmelder af AI-appbygger er den reelle test selve byggeoplevelsen.
Da jeg landede tilbage på hovedskærmen, viste den stadig det velkendte spørgsmål: “What should we build today?” sammen med det store indtastningsfelt.
Til min test gav jeg den en seriøs, virkelighedsnær udfordring:
- Use Next.js and Tailwind CSS for the frontend.
- Include a login and signup system with email and password authentication.
- Create a dashboard where users can add, edit, and delete tasks.
- Each task should support categories, due dates, and priority levels.
- Show a visual progress bar for completed vs pending tasks.
- Include a search and filter option so users can quickly find tasks.
- Add a basic API endpoint to fetch tasks in JSON format.
- Make the app responsive and mobile-friendly.
Da jeg indtastede dette, voksede inputfeltet med en scrollbar. Så ja, Bolt.new lader dig indsætte lange, detaljerede prompts uden at afbryde dig.
I stedet for blot at sende den rå tekst bemærkede jeg en stjerneformet knap ved siden af inputfeltet—AI-enhanceren. Jeg ville se, hvad den kunne, så jeg klikkede på den. Øjeblikkeligt begyndte Bolt.new at behandle min anmodning.
En spinner dukkede op nederst med beskeden “Enhancing prompt…”, så jeg vidste, systemet aktivt raffinerede, hvad jeg havde skrevet.
Inden for få sekunder var min oprindelige beskrivelse blevet transformeret til en meget mere detaljeret og struktureret specifikation. Bolt.new opdelte appen i klare sektioner—tech stack, autentificering, opgavestyringsfunktioner, databaseskema, UI-detaljer og endda API-endpoints.
Det inkluderede også ekstrating som tilgængelighedsretningslinjer, mørk/lystilstand, loading-tilstande, fejlhåndtering og en README med installationsinstruktioner.
Dette trin imponerede mig, fordi det viste, at AI’en ikke bare gentog mine ord i kode—den faktisk udvidede dem til en mere detaljeret teknisk specifikation.
Det føltes som at arbejde med en seniorudvikler, der forudser, hvad du får brug for længere henne i forløbet.
Da specifikationen var færdig, begyndte Bolt.new at generere det egentlige projekt. På venstre sidebar kunne jeg se hver fil blive oprettet og afhængigheder blive installeret, komplet med flueben, når trin var fuldført.
Filer som auth.ts, TaskDashboard.tsx, TaskFilters.tsx og API-ruter som /api/tasks dukkede op foran mine øjne. Denne transparens gjorde processen troværdig—jeg kunne præcis se, hvad AI’en gjorde.
På højre side er der en toggle øverst, der lader dig skifte mellem Code og Preview. Jeg blev på Code-fanen for at se, hvordan det hele unfolded.
Her output’ede Bolt faktisk koden trin for trin i realtid. På venstre sidebar kunne jeg se en kørende log over hver handling: “Create lib/database.ts,” “Update app/page.tsx,” “Create components/ThemeToggle.tsx,” og så videre, hver markeret med et flueben, når den var fuldført. I højre panel åbnede editoren disse filer automatisk, så jeg kunne inspicere den genererede kode.
For eksempel inkluderede ThemeToggle.tsx-komponenten ren, menneskelesbar React-kode med imports fra lucide-react, korrekt state-håndtering med useState og useEffect og klare JSX-elementer til rendering.
Koden lignede noget, en rigtig udvikler ville skrive.
Denne live, transparente tilgang gav mig tillid til processen. Jeg kunne bogstaveligt talt se Bolt.new scaffolde en full-stack-applikation foran mig, fil for fil, linje for linje.
Ikke alt gik dog glat. Da jeg forsøgte at starte preview, viste appen indledningsvist en login-skærm, men smed hurtigt en “Potential problem detected”-advarsel.
Terminalen rapporterede kompilationsproblemer og portkonflikter. Bolt.new forsøgte at auto-fixe problemet, men fejlene blev ved. På et tidspunkt mislykkedes selv oprettelsen af en ny konto i preview med en “Unexpected error”-besked.
En anden frustration: hver eneste forsøg brugte tokens—selv de mislykkede. Det kan hurtigt blive begrænsende for brugere på gratisniveau.
Den største ulempe er dog pålideligheden. Overgangen fra kodegenerering til en fuldt funktionel preview føles endnu ustabil.
Tilpasning af design og layout
Efter at have fået genereret en app ved AI-funktionen, ønskede jeg at dykke ned i at tilpasse dens design og layout.
For mig er det lige så vigtigt som funktionalitet. En app kan køre perfekt under motorhjelmen, men hvis UI’et ser klodset ud eller ikke kan finjusteres, vil det ikke imponere slutbrugere.
Bolt.new tilbyder tilpasning i tre kontrollag:
- AI-drevne prompts
- En visuel preview-editor
- Fuld adgang til underliggende kode
Denne kombination henvender sig både til begyndere og erfarne udviklere.
- AI-agenten og prompts
Fra starten kunne jeg se, at Bolt’s AI ikke kun håndterede funktionalitet—den tolker også designønsker. Da jeg klikkede på den stjerneformede AI-enhancer-knap, blev min simple prompt om responsivt og mobilvenligt design udvidet til detaljerede UI-krav: mørk/lystilstand, toast-notifikationer, glidende animationer og tilgængelighedspraksis.
Det betød, at jeg ikke behøvede at angive hver eneste stylingdetalje fra starten. AI’en scaffoldede et rent, moderne udseende for mig.
Hvis jeg ønskede at foretage brede ændringer (f.eks. “brug et minimalistisk sort-hvidt tema” eller “tilføj livlige lilla knapper”), kunne jeg blot bede agenten om det og lade den refaktorere UI’et i overensstemmelse hermed.
- Den visuelle editor
Når jeg skiftede til Preview-fanen, fik jeg en live, interaktiv visning af min app. Dette fungerer også som Bolt’s visuelle editor. Her kunne jeg klikke på elementer i grænsefladen, som blev markeret til inspektion.
Det giver point-and-click-tilpasninger, som man kender det fra værktøjer som Webflow.
Der var også kontroller til responsivt design—muligheder for at previewe appen på en iPhone-størrelse eller justere zoomprocenter—så man nemt kan se, hvordan layoutet tilpasser sig forskellige enheder.
For begyndere gør det designændringer mere tilgængelige uden at røre en eneste linje kode.
- Kodeeditoren
Til dybere tilpasning gav Code-fanen mig fuld adgang til alle genererede filer. Da min app var scaffoldet med Next.js og Tailwind CSS, var redigeringen ligetil. Jeg udforskede filer som ThemeToggle.tsx, DashboardLayout.tsx og TaskCard.tsx, som alle var strukturerede og læsbare.
Med Tailwind kunne jeg justere margins, farver og layouts blot ved at ændre utility-classes. For eksempel var det enkelt at ændre en knaps padding eller skifte farvetema ved at redigere et class-navn. Denne kombination af AI-hastighed og manuel kontrol er Bolt.new’s sande styrke—du får scaffolding, der sparer dig for timer, men du er aldrig låst ude af kodebasen.
- Responsivt design og Figma-integration
Selvom jeg ikke importede en Figma-fil i denne session, tilbyder Bolt.new Figma-til-kode-integration. Det betyder, at du kan give den en designfil og lade AI’en generere komponenter direkte.
For designtunge projekter kan dette eliminere den besværlige håndtering mellem designere og udviklere. Kombineret med de responsive preview-indstillinger i Bolt er det klart, at platformen vil sikre, at apps ser polerede ud på alle skærmstørrelser.
Begrænsninger jeg stødte på under brug af Bolt.new
Hovedfrustrationen her var stabilitet. Preview-panelet viste terminalfejl flere gange, og “Attempt fix”-knappen løste ikke altid problemet.
Uden en pålidelig live-preview føles tilpasningsprocessen vanskeligere, fordi man skyder i blinde. Og da hvert forsøg forbruger tokens, kan for meget eksperimenteren på gratisplanen blive frustrerende.
Men de ustabile preview-fejl udgør en klar flaskehals. Hvis Bolt kan stabilisere den del, ville det gøre designiteration problemfrit og løfte den samlede byggeoplevelse.
Hvordan Bolt håndterer fejl
Selv før jeg stødte på fejl, bemærkede jeg, at Bolt.new gav mig en kørende log i venstre sidebar. Den viste hvert trin—“Create initial files,” “Install dependencies,” npm install-kommandoer og individuelle oprettelser af filer som lib/auth.ts og TaskDashboard.tsx.
Hver handling blev markeret med et grønt flueben, når den var fuldført. Denne grad af gennemsigtighed værdsætter jeg virkelig. Man ved præcis, hvad der oprettes, og det gør det lettere at spore, hvor problemer kan opstå senere.
Det første reelle problem kom, da Bolt forsøgte at starte appen med npm run dev. Et rødt “Potential problem detected”-banner dukkede op i sidebaren. Ved at klikke på det afslørede det en Terminal error med konsollen, der viste:
- “Compiled / error in 4.3s (587 modules)”
- “compiling /auth/login/page in 15.4s (807 modules)”
- “Middleware cannot be used with ‘output: export’” — en specifik Next.js-begrænsning.
Bolt markerede dette og gav mig en “Attempt fix”-knap. Jeg klikkede på den, og systemet svarede med “Bolt is trying to resolve the problem”.
Desværre fortsatte fejlene. For mig understregede det både en styrke og en svaghed: platformen er god til at opdage og synliggøre problemer, men dens auto-fix løser ikke altid dybereliggende framework-konflikter.
Jeg prøvede derefter at se appen i Preview-fanen og i en separat browserfane. I begge tilfælde brød det sammen. Den separate fane viste en “localhost refused to connect”-fejl, mens den indbyggede Preview lod mig hente login-skærmen, men fejlede, da jeg forsøgte at oprette en ny konto med “An unexpected error occurred.” I mellemtiden steg fejlantallet i sidebaren.
For en begynder kan den slags runtime-fejl være overvældende. Bolts advarsler er klarere end rå terminallogs, men det faktum, at appen ikke kunne køre ordentligt, efterlod mig frustreret.
En frustration: selv disse mislykkede forsøg forbrugte tokens. På et tidspunkt viste Bolt: “You’ve used all your remaining tokens. Subscribe to Pro for 6x more usage.” Det føltes hårdt, især da fejlene ikke var forårsaget af mig, men af begrænsninger i den genererede kode og kørselsmiljø.
For avancerede brugere giver den integrerede terminal, konsol og debugger samme dybde, som du ville forvente i et normalt IDE.
Ulemperne er også tydelige: auto-fix-knappen løste ikke mine problemer, preview loader ofte ikke, og token-modellen gør fejlsøgning dyr. Begyndere vil sandsynligvis sætte pris på den guidede tilgang, men erfarne udviklere vil stadig foretrække deres lokale IDE til komplekse fejlretninger.
Udrulning af appen og tilføjelse af integrationer
Til sidst ville jeg se, hvordan Bolt.new håndterer udrulning og integrationer.
Inde i interfacet lagde jeg mærke til to måder at administrere integrationer på. Øverst til højre, ved siden af Publish-knappen, ligger en Integrations-knap med tandhjulsikon. Når du klikker på den, åbnes en dropdown med tjenester som: Stripe til betalinger, Supabase til databaser og edge-funktioner, og GitHub til versionsstyring. Det er velvalgte integrationer—netop de slags tjenester, udviklere forventer i rigtige projekter.
Jeg dykkede også ned i Project Settings, hvor der er en dedikeret Applications-sektion. Her fandt jeg de samme integrationer, men med mere kontekst:
- Supabase til håndtering af autentificering, databasetabeller og sikre API-nøgler.
- Netlify til ekstern hosting, hvis jeg foretrækker det frem for Bolts native hosting.
- Figma til direkte import af designfiler til kode.
- GitHub til at sync’e min kodebase og aktivere CI/CD-workflows.
Jeg kunne virkelig lide, hvor ligetil Connect-knapperne var. I stedet for at bruge timer på at konfigurere legitimationsoplysninger, guider AI’en dig gennem opsætningen og kan endda automatisk generere databaseskemaer eller betalingsflows. For begyndere fjerner det meget af smerten ved backend-opsætning.
Med integrationerne på plads var næste trin publicering. Jeg klikkede på Publish øverst til højre, og der dukkede en modal op med titlen “Publish your project.” Den tilbød som standard et .bolt.host-underområde med mulighed for senere at tilføje et eget domæne.
Da jeg klikkede på den blå Publish-knap, startede Bolt udrulningsprocessen. På venstre sidebar kunne jeg følge hvert trin:
- Build application (npx next build) → ✅ lykkedes
- Publish to Bolt Hosting (npx next dev) → ❌ mislykkedes
Fejlen kom med beskeden: “Failed to publish the project. Error: no such file or directory.” Det var frustrerende. For et AI-drevet værktøj er løftet om ét-klik-udrulning enormt, men at ramme en kryptisk fejl som denne bryder flowet og tvinger dig tilbage til fejlsøgning.
Bolt bruger som standard sin egen hosting, tilbyder gratis .bolt.host-URL’er og HTTPS som standard. Betalte planer giver højere limit og støtte til tilpassede domæner. Netlify-integrationen er stadig der for dem, der foretrækker ekstern hosting, og jeg ser reel værdi i den fleksibilitet.
På papiret er Bolts integrationer fremragende. Det dækker databaser, betalinger, versionsstyring, designimport og flere hostingmuligheder. Jeg kan godt lide, at AI’en ikke bare forbinder disse tjenester, men også konfigurerer dem intelligent (f.eks. opsætter Supabase-tabeller eller guider dig gennem Stripe-betalingsflows).
Men de publiceringsfejl, jeg stødte på, viser, at funktionen endnu ikke er fuldt pålidelig. Begyndere, der forventer en glidende “klik og deploy”-oplevelse, kan blive strandet, mens avancerede brugere sandsynligvis vender tilbage til manuel fejlsøgning. Når det er sagt, er integrationsframeworket stærkt, og hvis Bolt kan stabilisere udrulningspipen, vil det blive en af dets mest fremragende funktioner.
Bolt.new-priser og planer
Bolt.new holder sin prisstruktur simpel og fleksibel med en start gratis, opgrader efter behov-model.
Gratis-planen koster ingenting og er overraskende generøs. Du får adgang til offentlige og private projekter, 150.000 tokens om dagen, indbygget hosting med bolt.host-domæne m.m.
Pro-planen øger limit, inklusiv adgang til ingen daglig token-grænse, 100MB filupload-limit, op til 1 million webanmodninger osv. Teams-planen inkluderer alt i Pro plus yderligere fordele.
For større organisationer tilbyder Bolt en Enterprise-tier med avanceret sikkerhed, compliance-funktioner, dedikeret account manager, tilpassede workflows og 24/7-support. Priser tilpasses efter behov.
Bolt Website Builder-planer
| Navn på plan | Plads | Båndbredde | Pris | |
|---|---|---|---|---|
| Pro | Ubegrænset | Ubegrænset | 162 kr | |
| Teams | Ubegrænset | Ubegrænset | 194 kr |
Bolt-abonnementer kører gennem Stripe. Du kan betale med kredit-/debitkort eller PayPal. Abonnementer kan opsiges når som helst, men refusioner gives normalt ikke, medmindre der er et kvalitetsproblem. I sådanne tilfælde skal du fremlægge bevis (fx screenshots). PayPal-refusioner returneres typisk inden for 24 timer, mens kortrefusioner kan tage op til 10 hverdage.
Bedste alternativ til Bolt.new
Du foretrækker måske større stabilitet, bredere sprogunderstøttelse eller forudsigelige omkostninger. I så fald er Replit et af de stærkeste alternativer.
Bolt.new vs Replit Oversigt
| Funktion | Bolt.new | Replit |
|---|---|---|
| AI-fokus | AI-agent genererer, kører og debugger hele apps ud fra prompts | AI-assistent foreslår kode, debugging og snippets, men ikke fuld kontrol |
| Brugervenlighed | Meget høj, minimal kodning krævet | Moderat, kræver en del kodningsviden |
| Ydeevne | Hurtig i browseren via WebContainers, men kæmper med større projekter | Mere stabil til større apps med “always-on” VMs på betalte planer |
| Backend & data | Indbygget Supabase-integration til backend og database | Indbygget serverløs database plus support for mange backend-teknologier |
| Samarbejde | Begrænset til GitHub-forking, ikke realtid | Reltidseditering, live-cursors, indbygget teamchat |
| Prisstruktur | Tokenbaseret, omkostninger stiger med komplekse projekter | Lagdelte usages-baserede priser, mere forudsigelige |
| Skalerbarhed | Bedst til prototyper, MVP’er, interne værktøjer | Designet til produktionsapps med CI/CD-pipelines |
| Udrulning | Ét-klik via Netlify eller Bolt-hosting | Flere muligheder: Autoscale, reserverede VMs og indbygget hosting |
Hvem bør bruge Bolt.new vs Replit?
Bolt.new er perfekt til solo-founders, designere eller indie-udviklere, der vil omsætte en idé til en fungerende prototype hurtigt. Hvis du prioriterer hastighed over alt andet og vil have AI’en til at håndtere opsætning, scaffolding og endda noget debugging, kan Bolt.new få dig til et live-demo hurtigere end næsten alt andet.
Replit er derimod bedre egnet til undervisere, samarbejdende teams og udviklere, der bygger langsigtede projekter. Dets bredere sprogunderstøttelse, realtidssamarbejdsfunktioner og skalerbare hostingmuligheder gør det mere robust til seriøs udvikling.
Endelig vurdering af Bolt.new
Baseret på min oplevelse er Bolt.new et fremragende værktøj for solo-founders, indie-udviklere og designere, der vil gå fra idé til prototype så hurtigt som muligt.
Hvis dit mål er at teste koncepter, bygge MVP’er eller overlevere en fungerende scaffold til et udviklingsteam senere, kan Bolt.new spare dig for timer af opsætning og kedelig boilerplate-kodning.
Muligheden for at beskrive en app i almindeligt sprog og se et full-stack-projekt komme til live er virkelig imponerende.
Der er dog en forbehold: pålideligheden. Preview-fejl og publiceringsproblemer kan sinke dig, især hvis du forventer en fejlfri ét-klik-oplevelse. Alligevel lever Bolt.new op til sit løfte om hurtig prototyping og eksperimentering, og det er et værktøj, jeg vil anbefale at prøve, hvis hastighed og automatisering er dine topprioriteter.
