Bolt.new: Guida Italiana al Prototipazione Ultra-Veloce con AI (2026)
Bolt.new è lo strumento di vibe coding perfetto quando hai un'idea in testa e vuoi vederla funzionare oggi, non domani. Sviluppato da StackBlitz, usa la loro tecnologia WebContainers (Node.js che gira direttamente nel browser) per generare e far girare progetti completi in secondi, senza installare nulla.
In questa guida italiana vediamo cos'è, come si usa per costruire un MVP in 15 minuti, e soprattutto quando ha senso sceglierlo rispetto a Lovable o Cursor.
Cos'è Bolt.new in 3 righe
Bolt.new è una web-app accessibile da bolt.new dove descrivi un progetto in linguaggio naturale, l'AI genera il codice (Next.js, Vite, Astro, Remix, a scelta), e il progetto parte immediatamente in un container Node.js dentro il browser. Vedi l'app funzionare live mentre il codice viene scritto.
Il suo superpotere è la velocità: in 60 secondi hai un progetto avviato. In 5 minuti hai un MVP navigabile.
A cosa serve Bolt (e a cosa no)
Perfetto per
- Demo rapide da mostrare a clienti o investitori
- Weekend hack dove la velocità conta più della qualità
- Validare un'idea visivamente, prima di iniziare lo sviluppo serio
- Hackathon e sprint di prototipazione
- Esplorare framework diversi (Astro, Vite, Remix...) senza installarli localmente
NON è adatto quando
- Vuoi un'app production-ready su larga scala
- Il codice deve essere di alta qualità per team enterprise
- Devi lavorare su progetti grandi esistenti (cloni via git)
Mantra di Bolt: "prototypes sì, production no". Poi migri il codice in un ambiente serio.
Setup: 30 secondi
- Vai su bolt.new
- Login con GitHub (opzionale ma consigliato — così puoi deployare)
- Digita il prompt nella home
Free tier: 1M token/mese (sufficiente per 3-5 progetti piccoli). Piani Pro da $20/mese in su.
Tutorial pratico: costruisci un "Link in Bio" in 15 minuti
Obiettivo: costruire un clone minimal di Linktree in 15 minuti.
Fase 1 — Il prompt iniziale (2 minuti)
Su bolt.new, nella home, digita:
Voglio una web-app stile "Link in Bio" (come Linktree).
Funzionalità:
- Una singola pagina pubblica che mostra:
- Avatar circolare in alto
- Nome e bio breve
- Lista di link (ogni link: icona social + titolo + URL)
- Pagina admin (protetta da password semplice) dove modifico:
- Avatar (upload immagine)
- Nome, bio
- Lista link (aggiungi/rimuovi/riordina)
- Salvataggio in localStorage (no backend per ora)
Design:
- Mobile-first (la maggior parte degli utenti accede da smartphone)
- Sfondo gradient sottile (dal nero al grigio scuro)
- Card bianca centrale con shadow
- Accent color giallo #FFC800
- Font moderno sans-serif
Framework: Next.js 16 + Tailwind CSS v4 + shadcn/ui
Clicchi "Build". Bolt inizia a generare. Vedi i file apparire nell'editor e il progetto partire nel container WebContainer.
Fase 2 — Guarda l'app apparire (3 minuti)
In 60-90 secondi vedi:
- Editor sinistra: struttura file (package.json, app/, components/)
- Terminale: npm install + npm run dev che girano nel browser
- Preview destra: l'app live, con hot reload
Cliccaci sopra: funziona già. Incredibile per la velocità.
Fase 3 — Itera nella chat (8 minuti)
Bolt ha una chat integrata. Esempi:
Problema 1:
"La pagina admin non è protetta. Aggiungi un semplice gate: la prima volta chiedi una password (hardcoded 'vibedojo2026'), salva in localStorage che l'utente è autenticato per 7 giorni."
Problema 2:
"I link sono elencati bene ma non ci sono icone. Aggiungi icone SVG inline per: Twitter/X, Instagram, YouTube, LinkedIn, generic (per altri link). Basta check sull'URL per determinare l'icona."
Problema 3:
"Aggiungi drag-and-drop per riordinare i link nell'admin. Usa una libreria leggera tipo @dnd-kit/core."
Bolt installa dipendenze, modifica componenti, ri-avvia il dev server automaticamente. Vedi i cambiamenti live.
Fase 4 — Deploy (2 minuti)
Bolt ha integration diretto con:
- Netlify (1 click deploy)
- Cloudflare Pages
- Vercel (via export + deploy manuale)
Clic su "Deploy" → Netlify → login → pubblica. URL pubblico immediato.
Fase 5 — Export su GitHub (opzionale)
Se vuoi continuare il lavoro in locale o in Cursor:
- Connect GitHub
- Bolt crea un repo con il codice
- Clone in locale → apri in Cursor → iterazione professionale
Lo stack di default di Bolt (2026)
Bolt supporta diversi framework. Scelta tipica:
| Caso d'uso | Framework Bolt consigliato |
|---|---|
| Web app general purpose | Next.js 16 |
| Static site + velocità | Astro |
| SPA classica | Vite + React |
| SSR con form heavy | Remix |
| Backend API | Node + Express |
Può anche mescolarli: un monorepo con backend Express + frontend Next.
Bolt vs Lovable — Le differenze vere
Sono i due tool "app builder" più confrontati. Ecco la realtà:
| Criterio | Bolt.new | Lovable |
|---|---|---|
| Velocità di primo output | ⚡⚡⚡ (30-60 sec) | ⚡⚡ (60-120 sec) |
| Qualità UI generata | Media | Alta |
| Flessibilità stack | Alta (Next, Astro, Remix, Vite) | Bassa (React + Supabase) |
| Integrazione backend | Manual | Supabase nativa |
| Prezzo | Freemium → $20 | Freemium → $20 |
| Best for | Weekend hack, hackathon | MVP founder, validation |
Scelta rapida
- Vuoi la velocità massima? → Bolt
- Vuoi design più curato? → Lovable
- Vuoi flessibilità stack? → Bolt
- Vuoi auth + db in 1 click? → Lovable
La verità: testali entrambi, ciascuno ha il suo pattern vincente.
5 pattern che rendono Bolt efficace
1. Prompt con stack esplicito
Bolt default-a a certe scelte (es. React). Se vuoi Astro o Vite, dillo nel prompt:
"Framework: Astro + Tailwind (non React)"
2. Sfrutta le dipendenze npm al volo
Bolt installa qualsiasi pacchetto npm in tempo reale. "Aggiungi Stripe" → fa npm install stripe da solo.
3. Non aspettarti codice production-grade
Il codice di Bolt è funzionale ma non sempre pulito. Se vuoi scalarlo: esporta su GitHub, apri in Cursor, refattorizza.
4. WebContainer ha limiti
Non tutte le librerie Node funzionano (es. puppeteer, playwright). Se ti serve qualcosa fuori dal browser → esporta e lavora in locale.
5. Usa i template della community
Bolt.new ha template pubblici (/gallery). Parti da un clone, poi adatti. 5x più veloce di partire da zero.
Limiti da conoscere
1. Tutto gira nel browser (WebContainer)
Niente database server, niente binari esterni, niente processi background pesanti. Per app complete serverful serve poi migrare altrove.
2. Memoria limitata
Progetti grandi (200+ file, tanti node_modules) iniziano a rallentare. Bolt è per prototipi, non per monorepo enterprise.
3. Collaborazione limitata
Bolt è primariamente singolo-utente. Per collaborazione team: esporta su GitHub e usa gli strumenti standard.
4. Codice non sempre idiomatico
Ci sono pattern sub-ottimali. Prima di deployare in produzione serio, review manuale del codice.
Prezzi
| Piano | Costo | Include |
|---|---|---|
| Free | 0$ | 1M token/mese, progetti pubblici |
| Pro | $20/mese | 10M token/mese, progetti privati |
| Teams | $30/utente/mese | Collaborazione, history condivisa |
| Enterprise | Custom | Deploy privato, SLA |
Quale scegliere?
- Uso sporadico / studente → Free
- Developer professionista → Pro
- Team → Teams
FAQ
Bolt.new è gratis? C'è un free tier (1M token/mese). Per uso regolare: Pro $20/mese.
Posso usare Bolt in italiano? Sì. Scrivi prompt in italiano. L'interfaccia è inglese ma l'AI capisce.
Bolt genera codice che posso usare in produzione? Per piccole app sì. Per applicazioni serie: esporta, review manuale, eventualmente refactor in Cursor.
Differenza tra Bolt.new e StackBlitz? StackBlitz è la piattaforma sottostante (IDE nel browser per sviluppo collaborativo). Bolt.new è il "wrapper AI" che usa StackBlitz per generare progetti da prompt.
Posso connettere Bolt a un database? Sì, ma non nativamente. Devi configurare manualmente Supabase, Neon, o altri tramite env vars.
Bolt supporta Python / Go / Rust? Il focus è JavaScript/TypeScript (React, Next, Astro, ecc.). Supporto altri linguaggi limitato.
Quanto tempo tenere aperto un progetto Bolt? I progetti free pubblici hanno retention breve (settimane). I Pro restano più a lungo. Per conservare: esporta su GitHub sempre.
Vuoi imparare a usare Bolt + altri tool come pro?
Nel Corso Cintura Bianca di VibeDojo mostriamo quando scegliere Bolt vs Lovable vs Cursor per ogni tipologia di progetto:
- Demo per pitch investitori → Bolt (velocità)
- MVP per beta testers → Lovable (qualità UI)
- Prodotto che scala → Cursor + Claude Code
Gratuito, in italiano, community con altri founder.
🥋 Inizia la Cintura Bianca gratis →
Articolo a cura di Federico Costa e il team VibeDojo. Aggiornato aprile 2026.
