1. Le tre famiglie di strumenti 10 min
Ogni settimana esce uno strumento nuovo, ma quasi tutti appartengono a una di queste tre famiglie. Capite le famiglie, ogni novità futura andrà "al suo posto" da sola:
| Famiglia | Cosa fa | Esempi | Per chi |
|---|---|---|---|
| App builder AI | Descrivi l'app in chat, la costruisce e la pubblica tutta lei: interfaccia, database, hosting | Lovable, Bolt.new, v0, Replit | Chi parte da zero — si comincia da qui |
| Editor & agenti AI | L'AI lavora sui file del progetto sul tuo computer: massimo controllo e flessibilità | Claude Code, Cursor, Windsurf, Copilot | Il passo successivo, quando vuoi più potere |
| Servizi di contorno | I "pezzi" che ogni progetto usa: hosting, database, dominio, versioni | Vercel, Netlify, Supabase, GitHub | Tutti, da subito |
La buona notizia: non devi impararli tutti. Ti serve un builder, un hosting e (dal Modulo 4) un database. Il resto è approfondimento.
2. Gli app builder: la porta d'ingresso 15 min
Gli app builder sono chat che costruiscono: scrivi cosa vuoi, vedi l'anteprima aggiornarsi in tempo reale, premi "publish" e sei online. I quattro da conoscere:
Lovable
Il più amato dai principianti assoluti. Interfaccia pulitissima, ottimo gusto grafico di default, integrazione nativa con Supabase per database e login. Piano gratuito con crediti giornalieri. È lo strumento che useremo nel Modulo 4.
Bolt.new
Simile a Lovable, molto veloce, gira interamente nel browser (tecnologia StackBlitz). Ottimo per prototipare in fretta e per progetti con logica un po' più particolare. Esporta il codice quando vuoi.
v0 (di Vercel)
Specializzato in interfacce: genera componenti e pagine di qualità professionale (React + Tailwind). Perfetto quando l'aspetto conta più di tutto. Deploy su Vercel con un click.
Replit (con Replit Agent)
Un intero computer di sviluppo nel browser, con un agente AI che costruisce l'app da zero. Copre anche backend complessi; la curva è leggermente più ripida ma il tetto è più alto.
Non incaponirti su un solo builder: se dopo 4-5 tentativi uno strumento non ti dà quello che vuoi, prova lo stesso identico prompt su un altro. Sono gratuiti: falli competere per te.
3. Gli editor e agenti AI: il livello pro 10 min
Quando il progetto cresce, i builder possono iniziare a stare stretti. Gli editor AI lavorano direttamente sui file del progetto e ti danno controllo totale:
- Claude Code — un agente AI nel terminale (e su claude.ai/code dal browser): gli descrivi il compito e lui esplora il progetto, modifica i file, esegue i test, fa commit. È lo strumento con cui è stato costruito questo stesso sito.
- Cursor — un editor completo (basato su VS Code) con l'AI integrata ovunque: chat sul progetto, modifiche multi-file, autocompletamento. Il più usato al mondo per il vibe coding "serio".
- Windsurf — concorrente di Cursor, con un agente ("Cascade") molto autonomo.
- GitHub Copilot — l'AI dentro VS Code; ottimo se un domani vorrai anche leggere e ritoccare il codice.
Nel corso li tratteremo come seconda tappa: prima impari il metodo con i builder, poi (Modulo 6) vedrai quando e come fare il salto.
4. I servizi di contorno 10 min
Quattro servizi che incontrerai in ogni progetto, tutti con piani gratuiti generosi:
- Netlify / Vercel — hosting: trascini i file (o colleghi GitHub) e il sito è online in un minuto, con indirizzo https gratuito. Li usiamo nel Modulo 3.
- GitHub — la "cassaforte" dei progetti: conserva ogni versione del tuo codice e permette di tornare indietro. Fondamentale dal Modulo 6, utile da subito.
- Supabase — database + login pronti all'uso: la "dispensa e le chiavi di casa" della tua app. Protagonista del Modulo 4.
- Namecheap / Cloudflare (o un registrar italiano) — dove si compra il dominio, tipicamente 10–15 €/anno. Lo faremo nel Modulo 6.
5. Quale scegliere: la decisione in 30 secondi 10 min
Ecco l'albero di decisione che useremo per tutto il corso:
- Sito vetrina / landing / portfolio (solo pagine da guardare) → chiedi il file a Claude/ChatGPT o usa v0, pubblica su Netlify.
- Web app con utenti e dati (login, salvataggi) → Lovable o Bolt + Supabase integrato.
- Progetto che cresce, esigenze particolari → esporta il codice e passa a Claude Code o Cursor.
E lo stack del principiante con cui completerai questo corso, tutto gratis:
- Claude (claude.ai) — consulente, copywriter e generatore del tuo primo sito
- Netlify — per pubblicare il sito del Modulo 3
- Lovable + Supabase — per costruire l'app del Modulo 4
- GitHub — per mettere al sicuro tutto, dal Modulo 6
La "sindrome dello strumento nuovo": passare le serate a provare builder invece di finire progetti. Gli strumenti sono intercambiabili al 90%; il metodo che impari qui vale per tutti. Scegli, costruisci, pubblica.
Trovi la scheda completa di ogni strumento (costi, punti di forza, quando usarlo) nella pagina Strumenti di questo sito.
6. Esercizio pratico 5 min + esplorazione
- Crea (gratis) gli account che ti serviranno: claude.ai, netlify.com, lovable.dev e github.com.
- Apri Lovable e scrivi un prompt di prova: "Crea una semplice pagina con un contatore: un numero grande al centro e due bottoni + e −". Osserva cosa succede: anteprima, chat, pulsante di pubblicazione.
- Prova lo stesso prompt su Bolt.new e confronta: quale interfaccia ti è più chiara? Quale risultato preferisci?
- Annota la tua scelta: sarà il tuo builder per il Modulo 4.
Cosa hai imparato:
- Le tre famiglie: app builder, editor/agenti AI, servizi di contorno
- I 4 builder principali e le loro differenze
- Cosa sono Netlify, GitHub e Supabase e a cosa servono
- L'albero di decisione per scegliere lo strumento giusto in 30 secondi
- Il tuo stack gratuito per il resto del corso