Bolt.new si è distinto immediatamente per la sua audace promessa di velocità e controllo. Non capita tutti i giorni di vedere uno strumento AI non solo suggerire frammenti, ma creare un ambiente di lavoro funzionante, generare codice reale e perfino offrire un deployment con un clic.
Tuttavia, sono nel settore da tempo sufficiente per non farmi influenzare da PR di marketing e affermazioni esagerate. Invece di prendere queste dichiarazioni per buone, ho deciso di mettere personalmente alla prova Bolt.new.
In questa recensione di Bolt.new, ti guiderò attraverso la mia esperienza pratica con la piattaforma: dalla registrazione e creazione della mia prima app alla personalizzazione dell’interfaccia, al debug dei problemi e al test del deployment. Alla fine, saprai se questo strumento vale il tuo tempo.
Che cos’è Bolt.new?
Per chi è?
Bolt.new è ideale per
- Sviluppatori indipendenti, freelance e piccoli team che vogliono trasformare idee in prototipi funzionanti senza perdere ore a configurare gli ambienti. Se preferisci descrivere la tua app in inglese semplice invece di scrivere ogni riga di boilerplate, questo strumento ti farà risparmiare molto tempo.
- Designer o fondatori non tecnici che vogliono dare vita rapidamente a un mockup Figma o a un concetto, dato che l’AI può gestire gran parte dello scaffolding in modo automatico.
- Sviluppatori esperti che possono utilizzare la piattaforma come punto di partenza rapido. Puoi lasciare che l’AI generi la struttura iniziale, quindi rifinirla o estenderla nel tuo IDE dopo aver esportato il codice.
Pro e Contro
- Generazione rapida di app con AI
- Interfaccia pulita e minimal
- Accesso completo al codice generato
- Il potenziatore di prompt amplia le specifiche
- Trasparenza in tempo reale nella creazione dei file
- Autenticazione e API integrate
- Anteprima spesso non si carica
- La correzione automatica non risolve tutti gli errori
- Errori di pubblicazione bloccano il deployment
- Consumo di token durante i fallimenti
- Chiarezza limitata nell’onboarding dopo il login
Funzionalità di Bolt.new
- Generazione di app con AI a partire da prompt
- Sviluppo full-stack direttamente nel browser
- Editor di codice in tempo reale con esploratore di file
- Anteprima visiva con opzioni di test responsive
- Potenziatore di prompt per specifiche dettagliate
- Integrazione con GitHub per il controllo versione
- Integrazione con Supabase per servizi database
- Integrazione con Stripe per la gestione dei pagamenti
- Importazione da Figma per la conversione da design a codice
- Supporto per hosting Netlify e Bolt
- Autenticazione integrata e routes API
- Modello di utilizzo basato su token per la generazione AI
- Impostazioni del progetto con controlli di personalizzazione
La mia esperienza pratica con Bolt.new: una guida passo-passo
Volevo vedere come Bolt.new si presenta al primo accesso: quanto è facile registrarsi, quanto velocemente si può iniziare a creare e se mantiene le promesse fatte.
Quindi lascia che ti guidi attraverso la mia esperienza esatta, passo dopo passo.
Inizio: registrazione e prime impressioni
Il processo di registrazione è sempre la prima cosa che controllo quando recensisco uno strumento di creazione di app AI. Perché? Perché rivela molto sull’accessibilità.
Quando sono arrivato sulla homepage di Bolt.new, la prima cosa che ho visto è stato il titolo in grassetto: “Cosa dovremmo costruire oggi?” con un sottotitolo sotto che invitava a “Crea app e siti web straordinari chattando con l’AI.”
Poco sotto c’era un ampio campo di input che mi invitava a digitare la mia idea, con opzioni per importare da Figma o GitHub. L’impressione era di un’interfaccia pulita, moderna e concentrata sull’incoraggiare a iniziare subito a costruire.
Nell’angolo in alto a destra spiccava un pulsante blu acceso Inizia, quindi ho cliccato lì. È apparso un modal grigio scuro che mi chiedeva di accedere o creare un account. Avevo tre opzioni: accedere con Google, accedere con GitHub o usare email e password.
Personalmente ho scelto l’opzione Google perché di solito è la più veloce. Il pulsante è passato a “Autenticazione in corso…” con un piccolo indicatore di caricamento, quindi sapevo che qualcosa stava avvenendo in background.
Apprezzo molto il fatto che qui non fosse richiesta alcuna carta di credito. Questo mi ha subito fatto capire che Bolt.new ti consente di mettere mano al progetto senza vincolarti a un abbonamento in anticipo. Molte piattaforme ti costringono a inserire i dati di pagamento immediatamente, quindi questo è stato un segnale di fiducia molto gradito.
Una volta effettuato l’accesso, sono arrivato sulla dashboard di Bolt.new e, onestamente, è ridotta all’essenziale. In effetti, sembra quasi identica alla homepage, con lo stesso titolo — “Cosa dovremmo costruire oggi?” — e lo stesso grande campo di input che mi invita a digitare un’idea.
All’inizio, questo mi ha confuso un po’. Non ero sicuro se mi fossi effettivamente registrato o se stessi ancora guardando la homepage. Non c’era un messaggio di benvenuto evidente, nessuna checklist di onboarding e nessuna chiara indicazione che fossi in uno spazio diverso.
Penso che l’obiettivo sia eliminare le distrazioni in modo da poter subito digitare la tua idea e lasciare che l’AI la realizzi. Tuttavia, credo che un piccolo suggerimento visivo—come un messaggio di “Bentornato” o un’etichetta sottile sulla dashboard—renderebbe la transizione più chiara.
Sotto il campo di input, ci sono opzioni per importare da Figma o GitHub, un tocco utile per chi ha già un file di design o un repo con cui lavorare. Ai lati della pagina, la navigazione è molto leggera: link per Community, Enterprise, Resources, Careers e Pricing in cima, e alcuni link di base dell’azienda e social nel footer.
Creare la mia prima app con Bolt.new
Successivamente, dopo essermi registrato, volevo vedere quanto fosse facile, intuitivo e diretto creare effettivamente un’app in Bolt.new. Come recensore di strumenti di creazione di app AI, la vera prova è l’esperienza di sviluppo stessa.
Quando sono tornato sulla schermata principale, era ancora presente la domanda familiare: “Cosa dovremmo costruire oggi?” insieme al grande campo di input.
Per il mio test, ho lanciato una sfida reale:
- Usa Next.js e Tailwind CSS per il frontend.
- Includi un sistema di login e registrazione con autenticazione via email e password.
- Crea una dashboard in cui gli utenti possono aggiungere, modificare ed eliminare attività.
- Ogni attività deve supportare categorie, date di scadenza e livelli di priorità.
- Mostra una barra di avanzamento visiva per attività completate rispetto a quelle in sospeso.
- Includi un’opzione di ricerca e filtro in modo che gli utenti possano trovare rapidamente le attività.
- Aggiungi un endpoint API di base per recuperare le attività in formato JSON.
- Rendi l’app responsive e ottimizzata per dispositivi mobili.
Mentre digitavo, il campo di input si è allungato con una barra di scorrimento. Quindi sì, Bolt.new ti permette di incollare prompt lunghi e dettagliati senza interromperti.
Invece di inviare semplicemente il testo grezzo, ho notato un pulsante a forma di stella accanto al campo di input—il potenziatore di AI. Volevo vedere cosa potesse fare, quindi ho cliccato. Immediatamente, Bolt.new ha iniziato a elaborare la mia richiesta.
È apparso un indicatore di caricamento in basso con il messaggio “Miglioramento del prompt…”, indicandomi che il sistema stava attivamente raffinando ciò che avevo scritto.
In pochi secondi, la mia descrizione iniziale è stata trasformata in una specifica molto più dettagliata e strutturata. Bolt.new ha suddiviso l’app in sezioni chiare—tech stack, autenticazione, funzionalità di gestione delle attività, schema del database, dettagli dell’interfaccia e persino endpoint API.
Includeva persino elementi aggiuntivi come linee guida sull’accessibilità, modalità scura/chiara, stati di caricamento, gestione degli errori e un README con istruzioni di configurazione.
Questo passaggio mi ha colpito, perché mostrava che l’AI non stava semplicemente ripetendo le mie parole in codice, ma le stava effettivamente espandendo in una specifica tecnica più dettagliata.
Sembrava di lavorare con uno sviluppatore senior che anticipa ciò di cui avrai bisogno in futuro.
Una volta finalizzata la specifica, Bolt.new ha iniziato a generare il progetto. Nella barra laterale sinistra ho potuto vedere ogni file creato e le dipendenze installate, con segni di spunta a indicare i passaggi completati.
File come auth.ts, TaskDashboard.tsx, TaskFilters.tsx, e route API come /api/tasks sono apparsi davanti ai miei occhi. Questa trasparenza ha reso il processo affidabile: potevo vedere esattamente cosa stava facendo l’AI.
Sul lato destro, in alto c’è un interruttore che permette di passare tra la scheda Code e Preview. Sono rimasto sulla scheda Code per osservare tutto il processo in diretta.
In questa fase, Bolt stava effettivamente generando il codice passo dopo passo in tempo reale. Nella barra laterale sinistra potevo vedere un log in esecuzione di ogni azione: “Create lib/database.ts,” “Update app/page.tsx,” “Create components/ThemeToggle.tsx,” e così via, ognuna contrassegnata da un segno di spunta una volta completata. Nel pannello di destra, l’editor apriva immediatamente quei file in modo che potessi ispezionare il codice generato.
Per esempio, il componente ThemeToggle.tsx includeva codice React pulito e leggibile con import da lucide-react, gestione appropriata dello stato con useState e useEffect, e JSX chiaro per il rendering dei pulsanti.
Il codice sembrava qualcosa che un vero sviluppatore avrebbe scritto.
Questo approccio in tempo reale e trasparente mi ha dato fiducia nel processo. Potevo letteralmente vedere Bolt.new realizzare l’infrastruttura di un’applicazione full-stack davanti a me, file dopo file, riga dopo riga.
Tuttavia, non tutto è andato liscio. Quando ho provato ad avviare l’anteprima, l’app inizialmente mostrava una schermata di login ma ha subito mostrato un avviso “Problema potenziale rilevato”.
Il terminale segnalava problemi di compilazione e conflitti di porta. Bolt.new ha tentato di correggere automaticamente il problema, ma gli errori persistevano. A un certo punto, persino la creazione di un nuovo account all’interno dell’anteprima è fallita con un messaggio “Errore imprevisto”.
Un’altra frustrazione: ogni tentativo consumava token—even quelli falliti. Questo potrebbe diventare rapidamente limitante per gli utenti del piano gratuito.
Il principale svantaggio è l’affidabilità. Attualmente, la transizione dalla generazione del codice a un’anteprima completamente funzionale è ancora instabile.
Personalizzazione del design e del layout
Dopo aver creato con successo un’app tramite la funzione di generazione AI, volevo approfondire la personalizzazione del suo design e layout. Per me, questo è altrettanto importante quanto la funzionalità. Un’app può funzionare perfettamente sotto il cofano, ma se l’interfaccia appare goffa o non può essere adattata, non impressionerà gli utenti finali.
Bolt.new affronta la personalizzazione con tre livelli di controllo:
- Prompt guidati dall’AI
- Un editor di anteprima visiva
- Accesso completo al codice sottostante
Questa combinazione soddisfa sia i principianti sia gli sviluppatori esperti.
- L’agente Bolt e i prompt
Dall’inizio, ho notato che l’AI di Bolt non gestiva solo le funzionalità, ma interpretava anche i suggerimenti di design. Quando ho cliccato il pulsante potenziatore AI a forma di stella, il mio semplice prompt sulla reattività e il design mobile-friendly è stato ampliato in specifiche UI dettagliate: come il toggle modalità scura/chiara, notifiche toast, animazioni fluide e best practice di accessibilità.
- L’editor visivo
Passando alla scheda Preview, ho ottenuto un’anteprima live e interattiva della mia app. Questo funge da editor visivo. Qui potevo cliccare sugli elementi nell’interfaccia, che venivano evidenziati per l’ispezione. Questo consente regolazioni clicca-e-modifica, simili a quelle che ci si aspetta da strumenti come Webflow. C’erano anche controlli di design responsive—opzioni per anteprima su schermo di dimensioni iPhone o per regolare lo zoom—rendendo semplice vedere come il layout si adatta ai diversi dispositivi.
- L’editor di codice
Per personalizzazioni più approfondite, la scheda Code mi ha dato accesso completo a ogni file generato. Poiché la mia app era stata scaffoldata con Next.js e Tailwind CSS, modificare era semplice. Ho esplorato file come ThemeToggle.tsx, DashboardLayout.tsx e TaskCard.tsx, tutti strutturati e leggibili.
Con Tailwind, potevo regolare spaziature, colori e layout semplicemente cambiando classi utility. Per esempio, modificare il padding di un pulsante o cambiare il tema di colore era questione di un nome di classe. Questo equilibrio tra velocità AI e controllo manuale è la vera forza di Bolt.new: ottieni scaffolding che ti fa risparmiare ore, ma non sei mai chiuso fuori dal codice.
- Design responsive e integrazione Figma
Anche se non ho importato un file Figma in questa sessione, Bolt.new offre un’integrazione Figma-to-code. Questo significa che potresti fornire un file di design e lasciare che l’AI generi componenti direttamente. Per progetti con focus sul design, questo potrebbe eliminare la dolorosa fase di passaggio tra designer e sviluppatori. Unito alle opzioni di anteprima responsive all’interno di Bolt, è chiaro che la piattaforma vuole assicurarsi che le app risultino curate su tutte le dimensioni di schermo.
Limitazioni riscontrate
La principale frustrazione è stata la stabilità. Il pannello di anteprima ha mostrato errori di terminale più di una volta e il pulsante “Attempt fix” non ha sempre risolto il problema. Senza un’anteprima live affidabile, il processo di personalizzazione diventa più difficile, perché procedi “alla cieca”. E poiché ogni tentativo consuma token, sperimentare troppo nel piano gratuito può risultare frustrante.
Come Bolt gestisce gli errori
Anche prima di incontrare errori, ho notato che Bolt.new mostrava un log in tempo reale nella barra laterale sinistra. Mostrava ogni passaggio—“Create initial files,” “Install dependencies,” comandi npm install e creazione di file come lib/auth.ts e TaskDashboard.tsx. Ogni azione veniva contrassegnata con un segno di spunta verde una volta completata. Questa trasparenza è un grosso pro: sai esattamente cosa viene creato, e questo facilita l’individuazione di eventuali problemi successivi.
Il primo vero problema è comparso quando Bolt ha provato ad avviare l’app con npm run dev. È apparso un banner rosso “Problema potenziale rilevato” nella barra laterale. Cliccandolo, ho visto un errore di terminale, con messaggi:
- “Compiled / error in 4.3s (587 modules)”
- “compiling /auth/login/page in 15.4s (807 modules)”
- “Middleware cannot be used with ‘output: export’” — una specifica limitazione di Next.js.
Bolt ha evidenziato il problema e mostrato un pulsante “Attempt fix”. Ho cliccato e il sistema ha risposto con “Bolt sta cercando di risolvere il problema”.
Purtroppo, gli errori sono rimasti. Questo dimostra sia un punto di forza sia una debolezza: la piattaforma individua e segnala le problematiche, ma l’auto-fix non è sempre sufficiente per conflitti più profondi del framework.
Ho quindi provato a visualizzare l’app nella scheda Preview e in una finestra separata del browser. In entrambi i casi è andata male: la scheda esterna ha mostrato “localhost ha rifiutato la connessione”, mentre l’anteprima interna ha caricato la schermata di login ma è fallita al tentativo di creare un account, mostrando “Si è verificato un errore imprevisto.” Nel frattempo, il contatore di errori nella barra laterale continuava a salire.
Per un principiante, questi errori runtime possono essere scoraggianti. Gli avvisi di Bolt sono più chiari dei log di terminale grezzi, ma il fatto che l’app non si avvii completamente lascia l’utente bloccato.
Una frustrazione ulteriore: anche questi tentativi falliti consumano token. A un certo punto Bolt ha mostrato: “Hai usato tutti i token rimanenti. Abbonati a Pro per 6× più utilizzo.” Mi è sembrato punitivo, soprattutto perché gli errori non erano dovuti a mie azioni, ma a limiti nel codice generato e nell’ambiente di esecuzione.
Per gli utenti esperti, il terminale integrato, la console e il debugger offrono la stessa profondità di un IDE tradizionale.
I difetti sono evidenti: il pulsante auto-fix non ha risolto i problemi, l’anteprima spesso non si carica e il modello a token rende il debug costoso. I principianti apprezzeranno l’approccio guidato, ma gli sviluppatori esperti potrebbero preferire il loro IDE locale per il debug più complesso.
Se il team migliorerà l’affidabilità degli auto-fix e ripenserà il consumo di token durante il debug, questo potrebbe diventare un vero supporto per sviluppatori di ogni livello.
Pubblicazione dell’app e integrazioni
Infine, volevo vedere come Bolt.new gestisce la pubblicazione e le integrazioni.
Nell’interfaccia ho notato due modi per gestire le integrazioni. In alto a destra, accanto al pulsante Publish, c’è un pulsante Integrations con un’icona a forma di ingranaggio. Cliccandolo si apre un menu a tendina con servizi comuni: Stripe per i pagamenti, Supabase per database e funzioni edge, e GitHub per il controllo versione. Sono scelte azzeccate—esattamente le integrazioni che gli sviluppatori si aspettano in progetti reali.
Ho esplorato anche le Project Settings, dove c’è una sezione Applications. Qui ho trovato le stesse integrazioni, ma con più contesto:
- Supabase per gestire autenticazione, tabelle del database e chiavi API sicure.
- Netlify per hosting esterno se si preferisce non usare il servizio nativo di Bolt.
- Figma per importare file di design direttamente in codice.
- GitHub per sincronizzare il codice e abilitare flussi CI/CD.
Ho apprezzato quanto fossero immediati i pulsanti Connect. Invece di passare ore a configurare credenziali, l’AI ti guida nella procedura e può persino generare automaticamente schemi di database o flussi di pagamento. Per i principianti, questo elimina gran parte del dolore nella configurazione del backend.
Con le integrazioni configurate, il passo successivo è stato la pubblicazione. Ho cliccato sul pulsante Publish in alto a destra, che ha aperto un modal intitolato “Publish your project.” Offriva di default un sottodominio .bolt.host, con opzioni per collegare in seguito un dominio personalizzato.
Alla pressione del pulsante blu Publish, Bolt ha avviato il processo di deployment. Nella barra laterale sinistra ho visto ogni passaggio:
- Build application (npx next build) → ✅ succeeded
- Publish to Bolt Hosting (npx next dev) → ❌ failed
Il fallimento è stato accompagnato dal messaggio: “Failed to publish the project. Error: no such file or directory.” È stato frustrante. Per uno strumento AI-driven, la promessa del deployment con un clic è enorme, ma imbattersi in un errore criptico interrompe il flusso e ti riporta al debug.
Bolt usa per default il proprio hosting nativo, offrendo URL gratuiti .bolt.host e HTTPS di serie. I piani a pagamento sbloccano limiti più alti e supporto per domini personalizzati. L’integrazione Netlify è sempre disponibile per chi preferisce un hosting esterno, e ritengo preziosa questa flessibilità.
Sulla carta, le integrazioni di Bolt.new sono eccellenti. Coprono database, pagamenti, controllo versione, import design e più opzioni di hosting. Mi piace che l’AI non si limiti a connettere questi servizi, ma li configuri intelligentemente (per esempio, creando tabelle Supabase o guidandoti nel flusso di Stripe). Tuttavia, gli errori di pubblicazione che ho incontrato mostrano che la funzione non è ancora completamente affidabile. I principianti che si aspettano un “click and deploy” fluido potrebbero bloccarsi, mentre gli utenti avanzati probabilmente ricorreranno al debug manuale. Detto ciò, il framework di integrazioni è solido e, se Bolt stabilizzerà la pipeline di pubblicazione, questa diventerà una delle sue caratteristiche principali.
Prezzi e Piani di Bolt.new
Bolt.new mantiene i prezzi semplici e flessibili con un modello start free, upgrade as you grow.
Il piano gratuito non costa nulla ed è sorprendentemente generoso. Hai accesso a progetti pubblici e privati, 150.000 token al giorno, hosting integrato con dominio bolt.host e altro.
Il piano Pro estende i limiti, includendo uso illimitato di token giornalieri, limite di upload file fino a 100 MB, fino a 1 milione di richieste web, ecc. Il piano Teams include tutto di Pro più benefici aggiuntivi per gruppi.
Per le organizzazioni più grandi, Bolt offre un tier Enterprise con sicurezza avanzata, compliance, account manager dedicato, flussi personalizzati e supporto 24/7. Il prezzo è personalizzato in base alle esigenze.
Piani Bolt Website Builder
| Nome Tariffa | Spazio | Banda | Prezzo | |
|---|---|---|---|---|
| Pro | Illimitato | Illimitato | € 21,56 | |
| Teams | Illimitato | Illimitato | € 25,87 |
Le sottoscrizioni Bolt sono gestite tramite Stripe. Puoi pagare con carta di credito/debito o PayPal. Gli abbonamenti possono essere annullati in qualsiasi momento, ma i rimborsi non sono generalmente disponibili a meno che non vi sia un problema di qualità. In tal caso, dovrai fornire prove (es. screenshot). I rimborsi PayPal solitamente arrivano entro 24 ore, mentre quelli sulla carta possono richiedere fino a 10 giorni lavorativi.
Miglior alternativa a Bolt.new
Se preferisci maggiore stabilità, supporto linguistico più ampio o costi prevedibili, in quel caso Replit è una delle alternative più valide.
Bolt.new vs Replit Panoramica
| Caratteristica | Bolt.new | Replit |
|---|---|---|
| Focus AI | L’agente AI genera, esegue e fa debug di intere app da prompt | Assistente AI suggerisce codice, debug e snippet, non ha controllo completo |
| Facilità d’uso | Molto alta, richiede poco coding | Moderata, richiede conoscenze di base di coding |
| Prestazioni | Veloce in-browser via WebContainers, ma fatica con progetti più grandi | Più stabile per app complesse, con VM “always-on” nei piani a pagamento |
| Backend e dati | Integrazione nativa Supabase per backend e database | Database serverless integrato più supporto a molti backend |
| Collaborazione | Limitata al forking GitHub, non in tempo reale | Modifica in tempo reale, cursori live e chat di squadra in piattaforma |
| Prezzi | Basato su token, i costi salgono con progetti complessi | Prezzi a livelli basati sull’uso, più prevedibili |
| Scalabilità | Ideale per prototipi, MVP e tool interni | Progettato per app di produzione con pipeline CI/CD |
| Deployment | Click one-click via Netlify o hosting Bolt | Più opzioni: Autoscale, Reserved VM e hosting integrato |
Chi dovrebbe usare Bolt.new vs Replit?
Bolt.new è perfetto per fondatori solisti, designer o sviluppatori indie che devono trasformare un’idea in un prototipo funzionante velocemente. Se dai priorità alla velocità e vuoi che l’AI gestisca setup, scaffolding e parte del debug, Bolt.new ti porta a un demo live più rapidamente di quasi qualsiasi altro strumento.
Replit, invece, è più adatto per educatori, team collaborativi e sviluppatori con progetti a lungo termine. Il suo supporto linguistico più ampio, le funzioni di lavoro di squadra in tempo reale e le opzioni di hosting scalabili lo rendono più robusto per uno sviluppo serio.
Verdetto finale su Bolt.new
In base alla mia esperienza, Bolt.new è uno strumento eccellente per fondatori solisti, sviluppatori indie e designer che vogliono passare dall’idea al prototipo nel minor tempo possibile.
Se il tuo obiettivo è testare concetti, creare MVP o consegnare uno scaffolding funzionante a un team di sviluppo in seguito, Bolt.new può farti risparmiare ore di setup e di scrittura di boilerplate.
La possibilità di descrivere un’app in linguaggio naturale e vedere un progetto full-stack prendere vita è davvero impressionante.
Detto ciò, un caveat è l’affidabilità: errori di anteprima e intoppi di pubblicazione possono rallentarti, soprattutto se ti aspetti un’esperienza one-click perfetta. Tuttavia, per prototipazione rapida e sperimentazione, Bolt.new mantiene la promessa ed è uno strumento che consiglio di provare se velocità e automazione sono le tue priorità principali.
