Manoscritto completo · 251 pagine · Lancio giugno 2026

Smetti di copiare prompt. Inizia a capire
cosa stai costruendo.

Il manuale pratico in italiano per chi crea siti e app con Claude, Cursor, Bolt, Lovable, ma quando qualcosa si rompe non sa nemmeno dove guardare.

Scarica le prime 60 pagine → Provalo prima ↓
251pagine
9moduli
16infografiche
130+termini
Copertina di Vibecoding Serio

Ti suona familiare?

😅

Hai consegnato un sito al cliente. Qualcosa si è rotto in produzione, ma in localhost funzionava. Non sai da dove iniziare.

🤯

Claude ti ha scritto 200 righe di codice. Non capisci cosa fanno, ma le hai messe online. E ora il login dimentica gli utenti.

😤

Apri la console e vedi CORS policy blocked. Non sai cosa significhi. Chiedi a Claude. Provi 5 fix che peggiorano la situazione.

🫠

Il cliente chiede di "cambiare l'header". Non sei sicuro di cosa sia un header, e il prompt che fai a Claude ti restituisce qualcosa che non c'entra.

Non è colpa tua. Le AI hanno reso facilissimo costruire siti senza prima capire come funzionano.
Questo manuale ti dà i fondamenti che ti mancano. Quelli che separano un progetto fragile da uno che regge davvero.

DEMO INTERATTIVA

Prova subito un assaggio del libro

Inserisci un codice HTTP qua sotto. Il libro ti dice cos'è, dove guardare, e come parlarne a Claude per chiudere il bug in un giro invece di otto.

Prova:
⌨️

Digita un codice di errore HTTP qui sopra

o clicca uno dei suggerimenti

Tutto questo è già nel libro. È solo uno dei 130+ termini decifrati: poi ci sono infografiche, callout, prompt-ready e i 9 moduli completi.

DEMO INTERATTIVA · MODULO 3

Passa il mouse sulla pagina e scopri i nomi giusti

Il vibecoder dice "un menù che esce". Tu, dopo il libro, dici "un drawer mobile sticky in basso con shortcut alle azioni primarie". Passa il mouse qua sotto e guarda:

Hover su un elemento
Passa il mouse sopra una zona della pagina-tipo per scoprire il suo nome corretto + come usarlo nel prompt a Claude.

Modulo 3, L'anatomia di una pagina web, spiega tutti i 50+ componenti UI con metafore, prompt-ready già scritti, e un'infografica poster A2 stampabile.

CONTENUTO COMPLETO

Cosa c'è dentro

9 moduli, 2 glossari (130+ termini), 16 infografiche, 4 appendici pratiche.

00

Le parole che ti servono per partire

Cosa significa davvero deploy, produzione, ambiente. Differenza tra server, hosting, dominio, DNS. Cos'è FTP, SSH, Git. Cos'è una libreria, un framework, un pacchetto, un'API, un SDK.

14 pagine 4 capitoli 4 infografiche
01

Cosa sta succedendo davvero quando premi "Deploy"

La mappa del territorio: browser, DNS, CDN, server, database. Cosa fa Claude quando scrivi un prompt. Il viaggio del click in 8 passi.

14 pagine 4 capitoli 2 infografiche
02

Client e server: chi fa cosa

La distinzione più importante che il vibecoder non capisce. Quali linguaggi vivono lato browser (React, Vue, HTML/CSS), quali lato server (Node, PHP, Python). Perché JavaScript è speciale (gira in entrambi).

18 pagine 5 capitoli 3 infografiche
03
★ Modulo bandiera

L'anatomia di una pagina web

Modulo super-visivo. Disegno di una pagina-tipo annotato con TUTTI i nomi corretti: header, navbar, sidebar, hero, card, modal, drawer, accordion, toast, breadcrumb, stepper, skeleton loader… Imparerai a descrivere ciò che vuoi a Claude in modo che lui capisca al primo colpo.

22 pagine 5 capitoli 5 infografiche
04

Il browser è stupido (ma fa tutto lui)

HTML, CSS, JavaScript, DOM, React. Server Components vs Client Components in Next.js. Perché il tuo CSS è bello su Figma e brutto su iPhone SE.

18 pagine 5 capitoli
05

Il server è il cameriere che nessuno vede

Cos'è un'API REST con la metafora del menu del ristorante. I verbi HTTP (GET, POST, PUT, DELETE). I codici di stato decifrati: 200, 404, 401, 500. Headers, body, JSON.

20 pagine 5 capitoli 1 infografica
06

Il database non è un foglio Excel (quasi)

Tabelle, righe, chiavi primarie. SQL in 10 minuti. Differenza tra SQL e NoSQL, Supabase vs Firebase. Cosa è una migration. Backup senza piangere.

18 pagine 5 capitoli
07

Il viaggio del click in produzione

DNS spiegato bene. HTTPS e certificati SSL. Nginx come reverse proxy. Variabili d'ambiente. Cookie, sessioni, JWT. CORS in 3 paragrafi.

22 pagine 6 capitoli 1 infografica
08

Parlare a Claude come uno sviluppatore

Tutto quello che hai imparato si traduce in prompt migliori. Pattern fisso: prompt vago → prompt informato. Spiegare un bug senza sapere il bug. Il ciclo debug del vibecoder serio.

16 pagine 5 capitoli
PARTE II

I 5 capitoli che da soli valgono il libro

Risolvono problemi che hai avuto la settimana scorsa.

  1. Perché il tuo sito è bellissimo in localhost e si rompe in produzione

    I 5 motivi più frequenti del "non funziona dopo deploy". Diagnostica in 5 minuti.

  2. Cosa è davvero un'API REST e perché la tua app si pianta a chiamarla

    Il momento "finalmente capisco" del lettore. La metafora del menù del ristorante che funziona davvero.

  3. Perché il tuo login non ricorda l'utente (e cosa sono i cookie)

    Sessions, JWT, cookie httpOnly. Spiegato senza piangere.

  4. Il tuo database ha perso i dati. Perché e come non succede più

    La paura primordiale del freelancer. Strategie di backup per i 3 casi più comuni.

  5. CORS: l'errore più odiato spiegato in modo che tu possa fixarlo da solo

    Rosso in console, messaggio incomprensibile. Questo capitolo ti dà il contesto per fixarlo in 1 prompt invece di 8.

E NON SOLO

Manuale visivo, riferimento permanente

Non un mattone di paragrafi. Un libro che si consulta a vita.

16

Infografiche full-page

Diagrammi vettoriali ad alta densità per fissare i concetti. Dalla mappa client-server al decoder degli status code. Una è un poster A2 stampabile.

Sfogliale tutte →
130+

Termini in 2 glossari

Programmazione & architettura (server, API, ORM, JWT, CORS…) e anatomia pagina web (header, modal, drawer, toast…). Per ogni voce: come usarlo nel prompt a Claude.

4

Appendici stampabili

Cheat Sheet Debug · Checklist Pre-Deploy in 15 punti · 10 Prompt copia-incolla · GDPR per vibecoder italiani.

PREZZO

Tre opzioni. La prima è il tuo bonus.

Per esserci sin dall'inizio.

Solo per i primi 50

Founding Member

29€ 19€

  • Manuale completo PDF
  • Tutte le 16 infografiche
  • Cheat Sheet stampabili
  • Aggiornamenti gratuiti a vita
  • Il tuo nome nei ringraziamenti
Riserva ora

Standard

29€

  • Manuale completo PDF
  • Tutte le 16 infografiche
  • Cheat Sheet stampabili
  • Aggiornamenti gratuiti
Disponibile al lancio

Bundle Pro

49€

  • Tutto incluso nello Standard
  • Poster A2 stampabile "Anatomia di una pagina"
  • 30 prompt template Claude-ready
  • Accesso al canale Telegram riservato
  • Sessioni Q&A mensili in diretta
Disponibile al lancio

Leggi le prime 60 pagine. Gratis.

Sample PDF impaginato come l'edizione finale: cover, prefazione, indice completo, Modulo 0 e Modulo 1 integrali con 6 infografiche full-page. Tipografia Source Serif 4 + Inter Tight, 6×9 pollici, palette identica al libro definitivo.

Scarica il sample PDF ↓ Sfoglia le 16 infografiche →

Sample PDF · ~948 KB · 60 pagine. Niente form, niente spam.

L'AUTORE

Chi c'è dietro

Trent'anni di sviluppo full-stack. Oltre 500 progetti mandati in produzione: SaaS B2B, marketplace, piattaforme gestionali, dashboard, applicazioni complesse che mettono insieme frontend, backend, database, autenticazione, pagamenti, integrazioni con servizi esterni. Tutte le parti dell'infrastruttura web, viste e provate sul campo.

Negli ultimi mesi ho visto sempre più freelancer e founder italiani usare Claude e Cursor per costruire prodotti veri. Alcuni con idee ottime, ma con architetture fragili che si rompono al primo deploy serio. Quello che a me sembra scontato dopo trent'anni, per loro è un mondo opaco.

Questo libro è quello che avrei voluto avere in mano quando ho cominciato. Zero teoria accademica, zero storia di Internet dal 1969. Soltanto i concetti che servono davvero per consegnare progetti che reggono.

Lupo Carro (pseudonimo)

30+anni full-stack
500+progetti deployati
50+progetti AI-assistiti
nell'ultimo anno

Domande frequenti

Devo già saper programmare per leggerlo?

No. Il libro parte da zero. È scritto apposta per chi non sa programmare ma sta già costruendo cose con l'AI. Se sei un developer senior, lascia stare: ti annoieresti dopo dieci pagine.

In che formato esce?

PDF (versione principale). Una versione lite EPUB sarà su Amazon KDP a 4.99€. Il PDF è ottimizzato per lettura su tablet/laptop e per la stampa.

Quante pagine?

251 pagine, 8-9 ore di lettura. Pensato per essere letto a pezzi (lineare, Quick Wins, riferimento). I glossari da soli sono ~32 pagine, consultabili come dizionario.

Posso scaricare un'anteprima prima di comprarlo?

Sì. Le prime 60 pagine sono gratis: cover, prefazione, indice completo, Modulo 0 e Modulo 1 integrali con 6 infografiche. Niente form da compilare, niente email da lasciare. Clicca e scarichi.

Aggiornamenti?

Gli stack tech cambiano in fretta. Per chi compra ci saranno aggiornamenti gratuiti a vita (versione 1.1, 2.0…). Non rifaccio mai pagare la stessa edizione.

Per quale livello di vibecoder è pensato?

Per chi ha già messo le mani su qualcosa con Claude/Cursor/Bolt/Lovable e ha capito che non capisce. Non per chi parte da zero zero, e non per chi è già developer senior. Sta esattamente nel mezzo.