Bolt.new: una guida pratica per creare app senza scrivere codice

Richiedere modifiche all’app

L’idea alla base di questi strumenti AI text-to-app è che possiamo dare vita alle nostre idee senza saper programmare, semplicemente chattando con l’IA e chiedendo modifiche.

Per mettere alla prova questa pretesa di vibe-coding, ho richiesto che ogni esercizio fosse composto da più serie.

Bolt.new ha applicato delle modifiche; tuttavia, quando ha provato a renderizzare di nuovo l’app, è incappato in un errore.

L’interfaccia rileva l’errore e offre la possibilità di tentare la correzione automatica.

A volte riesce a identificare direttamente l’errore e a correggerlo da solo. Tuttavia, in questo caso, le nuove modifiche hanno introdotto altri errori:

Dopo alcuni cicli di correzione, abbiamo ottenuto una versione funzionante, in cui ogni sessione di allenamento aveva più esercizi, ciascuno con più serie (numero di ripetizioni). Per ogni serie possiamo tenere traccia di quante ripetizioni abbiamo fatto e poi dare un feedback sulla difficoltà percepita.

I feedback dovrebbero essere utilizzati per pianificare le sessioni future. Volevo chiedere in chat dettagli su come vengono usati questi dati, ma a quel punto avevo esaurito i crediti per la giornata. 

Uno dei problemi che spesso riscontro creando applicazioni di questo tipo è che abbiamo poco controllo su ciò che avviene sotto il cofano. Possiamo capirlo sperimentando e usando l’app, ma non sempre basta per avere un quadro completo di come sono implementate le cose.

Uno sguardo al codice di Bolt.new

Se sai programmare, puoi capire come funziona l’app guardando il codice. A differenza di Lovable, Bolt.new rende molto facile vedere il codice direttamente dall’interfaccia web.

Aprendo l’editor del codice, possiamo vedere tutti i file del progetto e, facendo clic su un file, si apre nell’editor, rendendo possibile capire come funziona e apportare modifiche direttamente dal browser. 

Lì ho visto un file chiamato workoutGenerator.ts, il cui nome indica che contiene la logica per generare nuovi allenamenti.

Dato che avevo finito i crediti, ho copiato e incollato il codice in ChatGPT e gli ho chiesto di spiegarmelo. Ecco un riassunto di come funziona:

L’app crea ogni giorno un nuovo allenamento guardando ciò che hai già fatto. Tiene traccia del numero di allenamenti completati e ruota tra diversi tipi, come parte superiore, parte inferiore o total body, in modo che i muscoli ricevano una routine equilibrata nel tempo. Per ogni tipo di allenamento, sceglie casualmente un gruppo di esercizi che corrispondono ai muscoli giusti, così non fai sempre gli stessi movimenti.

Tiene anche conto di come ti sei comportato nei tuoi allenamenti passati. Se un esercizio ti è sembrato facile e hai avuto spesso successo, aumenterà leggermente il peso o aggiungerà ripetizioni per mantenere la sfida. Se un esercizio è troppo difficile, abbasserà il peso per renderlo più gestibile. In questo modo l’allenamento si adatta ai tuoi progressi e ti aiuta a migliorare al ritmo giusto senza esagerare. Mi sembra ragionevole, soprattutto per una prima versione del prodotto.

Pubblicare l’app di Bolt.new

Per pubblicare l’applicazione, fai semplicemente clic sul pulsante "Publish" nell’angolo in alto a destra.

Una volta pubblicata, riceviamo un URL nella chat dove possiamo aprire l’app.

Possiamo usarla nel browser e condividerla con altri. Possiamo anche installarla sul telefono. Ma, essendo un’applicazione web, non la installiamo tramite l’app store; lo facciamo dal browser:

1. Apri il link sul telefono.
2. Tocca il menu delle opzioni nel browser.
3. Tocca l’opzione "Aggiungi alla schermata Home".

Purtroppo, Bolt.new non ha reso l’applicazione una progressive web app (PWA) out of the box. Ciò significa che quando la installiamo sul telefono, nel modo appena spiegato, crea semplicemente un collegamento sulla schermata Home, quindi l’esperienza non è molto diversa dall’uso nel browser.

Ho chiesto di convertire l’app in una PWA in modo che si comporti come un’app nativa, ma non è andata molto bene. Bolt.new ha iniziato bene generando i file necessari, ma uno dei requisiti per una PWA è avere i loghi immagine. Sfortunatamente, il tentativo di Bolt.new di generarli scrivendo i byte delle immagini non solo probabilmente ha prodotto immagini senza senso, ma ha anche consumato tutti i token.

Impostare un dominio personalizzato

L’URL che abbiamo ottenuto per l’app è stato generato automaticamente, quindi non è ideale per la produzione. Per un prodotto reale, dovremmo acquistare e configurare un nostro dominio. Questo si può fare nella pagina "Domains & Hosting" nelle impostazioni del progetto.

La versione attuale dell’app non archivia i dati in un database. Pertanto, se apriamo l’app sul computer e poi sul telefono, non vedremo gli stessi dati. C’è persistenza locale sul dispositivo, quindi se usi lo stesso dispositivo, i dati verranno archiviati localmente. Per questo, se aggiorniamo l’app, non perderemo il piano di allenamento corrente e gli allenamenti passati.

Questo va bene per un prototipo, ma non è affatto adatto a un prodotto commerciale. Al momento, autenticazione e database sono ancora in beta. Puoi accedervi iscrivendoti alla loro beta privata.

Conclusione

Credo che Bolt.new sia uno strumento ottimo per creare rapidamente un prototipo e convalidare un’idea di prodotto. Tuttavia, l’IA tende a implementare le funzionalità in modo superficiale, il che significa che applicazioni sostanziose richiedono molte iterazioni. 

Anche fornendo un prompt iniziale dettagliato, il risultato scalfisce solo la superficie della specifica completa, e i limiti di token del piano gratuito rendono quasi impossibile costruire qualcosa di significativo senza un abbonamento.

Inoltre, con servizi essenziali come autenticazione e supporto al database ancora in beta, consiglierei di aspettarne il rilascio completo prima di provare a costruire un’app pronta per la produzione. 

In generale, Bolt.new funziona in modo simile ai concorrenti, ma la sua caratteristica distintiva è la possibilità di visualizzare e modificare il codice sorgente direttamente nell’interfaccia web; un vantaggio cruciale che risolve una delle principali frustrazioni che ho provato con piattaforme come Lovable.