In questa recensione, ti mostrerò esattamente cosa ha prodotto Rocket.new, riga per riga, decisione per decisione. Vedrai il codice React generato, il workflow di deployment, i costi in token e gli ostacoli nascosti. Soprattutto, risponderò all’unica domanda che conta: è uno strumento su cui puoi davvero costruire un business?
Spoiler: per certi tipi di app, la risposta è sì, ed è più simile al “vero sviluppo” di qualunque altra cosa abbia testato nel 2026.
Cos’è Rocket.new?
Rocket.new è un generatore di app basato su AI che trasforma descrizioni testuali dettagliate in applicazioni web completamente funzionali con codice pronto per la produzione.
Ciò che rende Rocket.new unico è la sua filosofia “code-first” racchiusa in un’interfaccia conversazionale. Non sei vincolato a un ecosistema specifico di piattaforme. Ogni app generata è:
- Realizzata con strumenti standard del settore (React, Tailwind CSS, Recharts)
- Completamente editabile in un IDE basato su browser o nel tuo ambiente locale
- Esportabile su GitHub con piena proprietà del tuo codice
- Deployable ovunque (Netlify, Vercel, server personalizzati)
Lo strumento eccelle nella creazione di dashboard ricche di dati, portali per clienti, pannelli di amministrazione e piattaforme di analytics. Applicazioni che richiedono solitamente un grande lavoro sia di frontend che di backend.
È particolarmente potente per imprenditori che hanno bisogno di MVP rapidi, sviluppatori che vogliono evitare il boilerplate iniziale e agenzie che costruiscono più progetti clienti con pattern simili.
A chi è rivolto?
Rocket.new serve diversi tipi di utenti, ciascuno con esigenze diverse:
Founder e imprenditori di startup che creano MVP o piattaforme client-facing possono lanciare app pronte per la produzione in ore anziché settimane.
Sviluppatori e team tecnici che vogliono eliminare il lavoro ripetitivo di scaffolding troveranno Rocket.new prezioso per il rapid prototyping. Puoi generare la struttura iniziale, i componenti UI e i modelli di dati, poi tuffarti nel codice per aggiungere logica custom.
Studi e consulenti che gestiscono più progetti per clienti beneficiano della velocità e della coerenza. Puoi costruire dashboard amministrative, sistemi di prenotazione o gestionali di inventario in una frazione del tempo.
Operatori non tecnici e proprietari di piccole imprese che conoscono il loro flusso di lavoro ma non hanno competenze di coding possono finalmente creare tool interni senza dipendenze tecniche. Puoi realizzare:
- Dashboard per la pianificazione del personale
- Sistemi di tracciamento richieste cliente
- Portali di gestione dell’inventario
- Tool di analisi delle performance
Rocket.new Pro e Contro
- Genera istantaneamente codice React pronto per la produzione
- Struttura del codice pulita e leggibile
- Esportazione GitHub completa e proprietà garantita
- Deploy con un clic su Netlify incluso
- Design responsive gestito automaticamente
- Integrazione con Supabase per database live
- UI professionale senza competenze di design
- Nessuna carta di credito richiesta per la registrazione
- Gestisce complesse applicazioni multipagina
- L’AI aggiunge funzionalità che non avevi richiesto
- Stack tecnologico standard di settore (React/Tailwind)
- Dominio personalizzato richiede upgrade a piano a pagamento
- Il sistema a token limita le sperimentazioni intensive
- Modelli AI avanzati consumano crediti più rapidamente
- Nessun builder visuale drag-and-drop
Prova Rocket.new gratis (nessuna carta di credito richiesta) e scopri quanto puoi spedire prima di pranzo. Porta solo la tua idea. Il resto è sorprendentemente veloce.
Caratteristiche di Rocket.new
- Generazione di app React tramite AI
- Esportazione completa del codice su GitHub
- Deploy con un clic su Netlify
- Integrazione database Supabase
- Editor di codice in browser
- Supporto per applicazioni multipagina
- Design responsive automatico
- Connessioni a endpoint API personalizzati
La mia esperienza pratica con Rocket.new
Potrebbe essere uno dei rari strumenti che consegna davvero qualcosa di complesso, funzionale e visivamente rifinito usando solo il linguaggio naturale?
Per scoprirlo, ho deciso di costruire un Service Request Portal di alto livello. Ecco cosa è successo.
1. Primo approccio: registrazione e prime impressioni
Sono atterrato sulla homepage di Rocket.new e la prima cosa che ho notato è stata l’assoluta mancanza di fronzoli.
Non c’erano video “Come funziona” o gigantesche liste di feature a intralciarmi. L’interfaccia era incentrata su un’unica, enorme casella di prompt che praticamente mi sfidava a chiedere qualcosa di complicato. Prima di poter iniziare, mi serviva un account.
In alto a destra ho visto un pulsante bianco con la scritta “Sign in / Sign up.” L’ho cliccato e al centro è apparsa una finestra dark theme, pulita. Avevo due opzioni principali:
- Continua con Google
- Un campo per inserire un’email di lavoro o personale
Sono fan del testing separato, quindi ho digitato il mio indirizzo email. Ho cliccato “Continue” e lo schermo è passato subito a una pagina di verifica. Mi informava che era stato inviato un codice. Sono passato alla mia casella Mail, ho ricaricato e c’era: un messaggio da “Team Rocket.”
Appena ho inserito l’ultima cifra, lo schermo è cambiato. Niente sondaggi di benvenuto, niente domande sul mio ruolo e, cosa più importante, nessuna richiesta di carta di credito. Sono stato portato direttamente alla dashboard dei progetti.
Era un foglio bianco con scritto “No projects found”, ma l’interfaccia sembrava professionale e reattiva. Uno spazio di lavoro scuro e pulito con una barra di navigazione in alto per accedere a progetti, template, prezzi e risorse.
Il mio giudizio sulla registrazione:
Non ti rendi conto di quanto sia rinfrescante usare uno strumento che non ti tratta subito come un lead commerciale. Ero pronto a costruire in meno di 45 secondi.
2. Requisiti del progetto: promptare l’AI
Era ora di testare il “cervello” di Rocket.new. Ho fatto click nella grande casella di prompt. Non volevo darle un compito facile come “crea un form di contatto.” Volevo vedere se reggeva compiti complessi con relazioni e logica di business.
Ho deciso di fornire un set di requisiti altamente strutturato per vedere se li avrebbe seguiti o avrebbe tirato fuori un template generico. Ecco esattamente cosa ho digitato:
- NOME PROGETTO: Service Request Portal
- DESCRIZIONE: Un portale clienti dove i proprietari di casa possono richiedere servizi domestici (idraulica, elettricità, pulizie, ecc.) e monitorare lo stato delle loro richieste.
- FEATURE PRINCIPALI DA IMPLEMENTARE:
- Autenticazione utente (Registrazione/Login)
- Form di richiesta servizio con campi: Tipo di servizio (dropdown: Idraulica, Elettrico, Pulizie, Giardinaggio), Descrizione (text area), Data preferita (date picker) e Urgenza (dropdown: Bassa, Media, Alta).
- Dashboard richieste: mostra la lista di tutte le richieste inviate con il loro stato corrente.
- Pagina profilo utente: mostra Nome, Email e Numero di Telefono.
- Vista Admin: un dashboard per il fornitore di servizi per gestire e aggiornare lo stato delle richieste.
Ho notato che potevo andare a capo liberamente, creando nuove linee, il che mi ha permesso di organizzare i punti. Non c’era nessun timer o conteggio caratteri visibile, quindi ho potuto essere dettagliato quanto volevo. Appena ho controllato, ho cliccato l’icona rossa “send”.
Il mio giudizio sull’inserimento dei prompt:
Lo stile “chat” è molto naturale. Non ho dovuto “ingegnerizzare” il prompt; ho scritto come avrei spiegato il progetto a uno sviluppatore.
3. Fase di costruzione: guardare l’AI all’opera
Appena ho premuto invio, lo schermo è cambiato. È apparsa la vista “New Application” e l’AI ha iniziato a “pensare.”
Sul lato sinistro ho visto un log del processo decisionale. Non un banale indicatore di caricamento, ma la logica che l’AI stava definendo.
Ha cominciato definendo la STRUTTURA DATI:
- Tabella Services: ha elencato tutti i campi richiesti: ID, Tipo di Servizio, Descrizione, Data Richiesta, Stato, Data di Creazione, Nome Cliente, Email Cliente.
- Tabella Users: ID, Nome, Email, Telefono, Indirizzo e Ruolo (Customer/Admin).
Poi l’AI ha risposto in chat: “Costruirò il tuo Service Request Portal – sembra un sistema di gestione clienti completo per servizi domestici.” Mi ha quindi chiesto una scelta tecnica. Mostrava il suo “Framework di Default”:
- React
- JavaScript
- Tailwind CSS
Potevo cliccare “Customize framework,” ma volevo vedere cosa considerava “standard.” Ho scelto “Use default framework.”
Il log di avanzamento si è aggiornato: “Analisi stack tecnologico,” “Finalizzazione configurazione progetto,” “Preparazione contenuti.”
In circa due minuti si è fermato e mi ha chiesto di selezionare le schermate specifiche per l’app. Ha suggerito:
- Service Analytics Overview
- Customer Analytics Hub
- Operations Monitor
Ho spuntato tutte e tre. Volevo vedere se costruiva davvero tre pagine distinte e funzionali. Ho cliccato “Build my Dashboard” e ha iniziato la generazione finale.
In alto mi avvisava di attendere 5–8 minuti.
Il mio giudizio sulla fase di costruzione:
Qui si vede la potenza: non genera solo un mockup, ma una vera applicazione React. Vedere prima la creazione delle tabelle dati mi ha dato fiducia che non fosse puro “effetto scenico.” Sembrava un dev professionista impostare un repo GitHub davanti a me.
4. Primo sguardo al dashboard: perché mi ha lasciato a bocca aperta
Quando il preview si è caricato, mi sono davvero appoggiato allo schienale. Ho usato altri AI builder che generano solo pulsanti e testo di base.
Rocket.new mi ha dato un dashboard di analytics professionale ad alta fedeltà. La pagina “Service Analytics Overview” era splendida. Presentava:
- Card KPI di alto livello: Quattro card bellissime con “Total Requests” (2.847), “Completion Rate” (94,2%), “Avg Resolution Time” (4,2 h) e “Customer Satisfaction” (4,7/5).
- Indicatori di tendenza: Ogni card mostrava una piccola freccia verde o rossa con la variazione. Ad esempio, “Total Requests” mostrava +12,5% rispetto al periodo precedente.
- Grafici interattivi: Un grande grafico a barre “Request Volume & Completion Rate” dominava il centro. Ho passato il mouse su “Settimana 3” e ha mostrato 698 richieste totali e 95% di completamento.
- Alert in tempo reale: A destra, una sidebar dedicata agli “Real-Time Alerts.” Non era testo casuale, ma un “SLA Breach Alert” per una richiesta di idraulica di emergenza di 5 minuti.
- Breakdown delle prestazioni servizio: In basso, suddivisione per categorie come Idraulica, HVAC ed Elettrico. Ogni categoria aveva un mini-grafico e un badge di stato (es. “High Demand”).
Ho esplorato le altre pagine generate. L’“Operations Center” era altrettanto impressionante, con una distribuzione mappa delle richieste e una lista “Technician Workload” che tracciava quanti lavori aveva ciascun tecnico.
Il mio giudizio sulla qualità dell’app:
Questo è il momento “Aha!”. Non diresti mai che è stato generato da un’AI. Il design è pulito, gli spazi perfetti e i componenti (grafici, alert) funzionano davvero in preview.
Non solo ha seguito il prompt, ma ha aggiunto feature “da professionista” come tracciamento SLA e frecce di tendenza che non avevo neppure chiesto.
5. Dentro il codice: potenza e controllo
Uno dei miei maggiori difetti con i tool no-code è che ti nascondono il codice. Rocket.new fa l’esatto contrario. Ho cliccato la tab “Code” in alto e mi si è aperto un intero IDE.
A sinistra c’era un albero file identico a un progetto React professionale:
- src/components/: file come AlertBanner.jsx, MetricCard.jsx, RequestVolumeChart.jsx.
- src/pages/: tutte le schermate generate in file .jsx separati.
- tailwind.config.js: configurazione di styling Tailwind.
- package.json: librerie usate, come recharts per i grafici e lucide-react per le icone.
Ho aperto ServiceAnalyticsOverview.jsx. Il codice era estremamente pulito. Usava React hooks moderni, classi Tailwind organizzate logicamente. Non era un codice “minificato” o “offuscato” ma leggibile.
Ho modificato direttamente in browser un’etichetta da “Total Requests” a “Total Orders” e il preview si è aggiornato quasi istantaneamente.
Il mio giudizio sulla sezione codice:
Questo rende Rocket.new uno strumento “pro.” È un’AI che scrive codice per te, ma ti dà le chiavi del regno. Se l’AI completa il 90% del lavoro, puoi intervenire sul restante 10%.
Per uno sviluppatore è l’ideale: si elimina il lavoro noioso di scaffolding e ci si concentra sulla logica custom.
6. Personalizzare il design: temi e modifiche visive
Ho poi voluto vedere quanto potevo cambiare l’aspetto senza toccare il codice.
Ho scoperto tre modi per personalizzare il design in Rocket:
Metodo 1: comando “/” nel chatbox
Ho digitato “/” nella chat in basso e si è aperto un menu con opzioni come “Brand & Identity,” “Layout & Structure,” “Animations & Effects,” “AI Features” e altro.
Questo è il modo più veloce per accedere alle personalizzazioni:
- Brand & Identity: carica un logo, cambia il nome dell’app o passa tra tema chiaro e scuro.
- Switch tema: ho attivato la modalità light. Il dashboard si è trasformato perfettamente.
- Palette colori: ho settato il “Colore Primario” su un verde bosco. Ogni pulsante, linea di grafico e icona si è aggiornata globalmente.
Metodo 2: clic su “Edit Design” nell’angolo in alto
C’è un pulsante “Edit Design” in alto a destra del preview. Cliccandolo il preview diventa interattivo.
Cliccando un elemento (grafico, testo) appare un menu per modificarne le proprietà sul posto. Controllo visivo preciso dei singoli componenti.
Metodo 3: chiedi direttamente all’AI
Il metodo più semplice. Basta digitare in chat le richieste di design in linguaggio naturale.
Per esempio, “Sposta la sidebar a destra e rendi l’header sticky” viene applicato immediatamente. Zero menu, solo comandi conversazionali.
Il mio giudizio sulla personalizzazione: Avere tre metodi è geniale. Il menu “/” è ottimo quando sai cosa cerchi, “Edit Design” è perfetto per piccole modifiche visuali, e i comandi diretti all’AI sono imbattibili in velocità.
La selezione del colore primario che si applica globalmente è un enorme vantaggio. In altri tool cambi button per button; qui un comando e hai finito.
7. Impostare il motore: dati, backend e integrazioni
Rocket.new chiarisce che la build iniziale è un’app “frontend-first”, ma offre strumenti per renderla un vero prodotto software data-driven.
Ho cliccato sulla tab “Integrations” in alto.
Ho visto una lista di connessioni pronte all’uso:
- Supabase: Il principale. Rocket.new consiglia Supabase per database e autenticazione. C’è un pulsante “Connect” per collegare l’account.
- Stripe: Per gestire i pagamenti nel portale.
- Google Analytics: Per tracciare il comportamento utente.
- OpenAI: Se vuoi aggiungere feature AI (es. diagnostica automatica dei servizi).
Poi ho aperto la tab “APIs”. È una delle parti più avanzate. Puoi aggiungere API custom:
- Importando una collection Postman
- Incollando un comando cURL
- Caricando un file JSON o Swagger
L’AI offre anche di aiutarti a mappare i dati: “Posso connettere i tuoi componenti UI ai dati backend. Fornisci l’endpoint API.”
Il mio giudizio sul backend: Molti AI builder generano app “morte”, che sembrano ma non fanno nulla con i dati. Rocket.new costruisce con mentalità da “vero backend.” Usare Supabase, uno strumento standard, evita il vendor lock-in. Scelta intelligente.
8. Monitoraggio token e realtà dei prezzi
Mentre costruivo, tenevo d’occhio un piccolo indicatore in alto a sinistra con scritto “Token Balance.” Ogni nuova schermata o modifica importante faceva scendere il contatore.
Ho cliccato “Upgrade” per vedere i piani:
- Free: Ideale per test, ma limitato a poche generazioni mensili.
- Pro: Canone mensile con molti più token e accesso a modelli AI avanzati.
- Enterprise: Per team con generazioni illimitate e supporto personalizzato.
Non ho esaurito i token durante il test, anche dopo tre pagine full generation e molte modifiche al codice.
Ho notato però che il modello “v0 Max” (il più potente) consuma token più velocemente del modello standard. Va monitorato se fai molte prove.
Il mio giudizio sul sistema a crediti: Il prezzo è equo per quello che offre. Considera che in un’ora fa ciò che a uno sviluppatore prenderebbe una settimana: il piano Pro si ripaga quasi subito. Apprezzo la trasparenza del consumo token, nessuna sorpresa di fattura.
9. Pubblicazione e test responsive: rendere l’app live
Ultimo step: vedere l’app in produzione. Ho cliccato “Launch” in alto a destra. Si apriva un menu con due opzioni:
- Launch on web: ospita l’app su Netlify e ti fornisce un URL live. Puoi aggiornare o ritirarla in qualsiasi momento.
- Launch on custom domain: pubblica sul tuo dominio personalizzato con brand professionale fin dal day one. Richiede un piano a pagamento.
Ho scelto “Launch on web.” Un popup mi avvisava “Attendi mentre pubblichiamo la tua app. Potrebbe richiedere qualche istante.” Ho visto Rocket.new preparare il deploy. Ci ha messo circa 45 secondi.
Al termine ho ricevuto un link Netlify da condividere. L’ho aperto su smartphone e qui il design responsive ha fatto la differenza.
Su desktop c’era una sidebar e una griglia multi-colonna; su mobile la sidebar è diventata un menu hamburger, le quattro KPI card si sono impilate verticalmente.
I grafici si sono ridimensionati perfettamente e il testo è rimasto leggibile. Non ho dovuto lavorare sui breakpoint; l’AI ha gestito tutto con Tailwind.
Ho controllato le impostazioni di version control e ho trovato “Push to GitHub.” Questo è enorme. Puoi esportare il tuo codice, scaricarlo come ZIP o sincronizzarlo con il tuo repo. Nessun lock-in nell’ecosistema Rocket.new.
Il mio giudizio sulla pubblicazione: Il processo è stato impeccabile. Nessun errore di build o deploy fallito. Solo un deploy pulito su Netlify. Il fatto che l’app sia responsive out-of-the-box è un sollievo enorme.
Il dominio personalizzato richiede un piano a pagamento, ma il deploy gratuito su Netlify è più che sufficiente per demo e test. La feature “Export to GitHub” è il vero colpo da maestro: trasforma Rocket.new da “no-code tool” a “tool di produttività pro per sviluppatori.”
Considerazioni finali: Rocket.new è davvero valido?
Sono entrato aspettandomi grossi difetti o “hallucinations” dell’AI, ma sono rimasto davvero sbalordito. Rocket.new ha preso un brief complesso e lo ha trasformato in un’app React di alta qualità, responsive e funzionale, in meno di 15 minuti.
Quello che mi ha impressionato di più:
- La qualità del design è di gran lunga superiore a qualsiasi altro AI builder provato.
- La trasparenza del codice garantisce controllo e proprietà totale.
- Il deploy con un clic elimina qualsiasi complicazione tecnica di hosting.
Non ho incontrato errori in tutta la sessione. Nessun crash, glitch UI o “Internal Server Error.” Tutto ha semplicemente… funzionato.
Se sei un imprenditore che vuole lanciare un MVP o uno sviluppatore che cerca di velocizzare il workflow, Rocket.new è facilmente uno dei migliori strumenti sul mercato oggi. Colma il divario tra “disegnare un’app” e “scrivere codice” alla perfezione. Amo questo tool e non vedo l’ora di vedere cos’altro posso costruire con esso.
Prezzi e piani di Rocket.new
Rocket.new usa un sistema di prezzi basato sui token: i token alimentano tutto, dalla generazione chat-based di app alle conversioni da Figma a codice.
Pensa ai token come crediti che si consumano in base alla complessità dei prompt. Richieste semplici usano meno token, dashboard multi-schermata ne consumano di più.
Confronto piani a pagamento
| Piano | Prezzo Mensile | Prezzo Annuale | Token/Mese | Schermate Figma | Token Bonus | Ideale per |
|---|---|---|---|---|---|---|
| Personal | $25 | $20/mese ($240/anno) | 5M | Fino a 6 | Nessuno | Creator singoli, portfolio, landing page |
| Rocket | $50 | $40/mese ($480/anno) | 10M + 500K bonus | Fino a 12 | 500K mensili | MVP, dashboard clienti, prototipi SaaS |
| Booster | $100 | $80/mese ($960/anno) | 20M + 2M bonus | Fino a 25 | 2M mensili | Sistemi SaaS completi, e-commerce, app complesse |
Accumulo token: I token non utilizzati si accumulano al mese successivo nei piani mensili. Nei piani annuali, si accumulano mese per mese entro il periodo di 12 mesi ma scadono al rinnovo.
Opzione di rifornimento: Tutti i piani a pagamento possono acquistare token aggiuntivi a $20 per 5M token. Questi token non scadono finché l’abbonamento è attivo, perfetti per aumenti improvvisi dello scope del progetto.
Dettagli pagamento e rimborso
Rocket.new accetta principali carte di credito e offre fatturazione annuale con 20% di risparmio su tutti i livelli. Se esegui un upgrade mid-cycle, ricevi crediti prorata per i giorni non utilizzati. I downgrade si applicano dal prossimo ciclo di fatturazione, mantenendo i token attuali fino ad allora.
Alternativa a Rocket.new
Se il tuo focus è principalmente su componenti UI frontend rifinite nell’ecosistema Vercel/Next.js, una valida alternativa è v0 by Vercel.
Rocket.new costruisce applicazioni complete con infrastruttura backend, mentre v0 è specializzato nella creazione di singoli componenti UI altamente rifiniti.
Rocket.new vs v0 by Vercel
| Caratteristica | Rocket.new | v0 by Vercel |
|---|---|---|
| Facilità d’uso | Generazione one-shot, tre metodi di personalizzazione | Raffinamento iterativo focalizzato sui componenti |
| Ideale per | MVP completi, dashboard, portali client | Landing page, siti marketing, librerie UI |
| Mobile Apps | App web responsive, nessuna app mobile nativa | Componenti responsive, nessuna feature mobile-specifica |
| Backend & Dati | Backend completo con Supabase, autenticazione, API | Nessun backend; integrazione manuale richiesta |
| Flessibilità di design | Theming globale, suggerimenti AI, modalità edit design | Componenti shadcn/ui, defaults estremamente rifiniti |
| Performance | App complete in 5–8 minuti | Componenti singoli in secondi |
| Prezzi | Basato su token: Free (1M), $25/mese (5M), $50/mese (10.5M) | Basato su messaggi: tier gratuito, Pro ~20$/mese |
Scegli Rocket.new se hai bisogno di un’app completa, comprensiva di schema database, autenticazione e logica di business, generata da un unico prompt. Ideale per MVP SaaS o tool interni.
Scegli v0 se sei uno sviluppatore frontend con backend già esistente e vuoi componenti React ben progettati per siti marketing o landing page, specialmente se già ospitato su Vercel.
Verdetto finale su Rocket.new
Rocket.new mantiene le promesse dove molti AI builder falliscono. Trasforma prompt naturali e dettagliati in applicazioni pronte per la produzione, non mockup o landing page, ma vere app React con codice pulito, leggibile e architettura sensata dei componenti.
La piattaforma si distingue per tre motivi:
- Output di alta qualità: Il codice generato segue best practice moderne ed è facile da estendere.
- Proprietà reale: L’esportazione con un clic su GitHub elimina il vendor lock-in.
- Prezzi trasparenti: Il sistema token-based è visibile in ogni momento, senza costi nascosti.
Detto ciò, i domini personalizzati richiedono un piano a pagamento e build complesse o iterative possono consumare rapidamente i token gratuiti.
E mentre Rocket.new eccelle nelle applicazioni strutturate, è meno indicato per esperienze di design altamente personalizzate che richiedono controllo pixel-perfect.
A chi è rivolto?
- Sviluppatori stufi del boilerplate iniziale
- Founder che vogliono validare un MVP con scadenze serrate
- Team tecnici che necessitano di velocità e codice manutenibile
