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 neanche 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.

DEMO INTERATTIVA

Prova subito un assaggio del libro

Inserisci un codice di errore HTTP. Il libro ti spiega cos'è, dove guardare, e come parlarne a Claude per fixare in 1 iterazione invece di 8.

Prova:
⌨️

Digita un codice di errore HTTP qui sopra

o clicca uno dei suggerimenti

Tutto questo è già nel libro — solo 1 dei 130+ termini decifrati. Più 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". Hover qui sotto:

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, e l'infografica poster A2 stampabile.

Per chi è (e per chi non è)

È per te se…

  • Hai creato qualcosa con un'AI ma non sai spiegare come è fatto
  • Sei un freelancer / founder solo che vende siti o automazioni a clienti reali
  • Hai paura del momento "qualcosa si è rotto" perché non sai dove guardare
  • Vuoi parlare con uno sviluppatore vero senza sembrare un ciarlatano
  • Hai smesso di seguire tutorial perché ti annoiano e vuoi solo capire

NON è per te se…

  • Sei già uno sviluppatore senior — questo libro ti annoierebbe
  • Vuoi un corso "diventa programmatore in 30 giorni"
  • Cerchi tutorial passo-passo su un singolo framework
  • Vuoi scrivere codice senza capire l'architettura sottostante
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.

Più 4 appendici pratiche

📋

Cheat Sheet del Debug

Tabella stampabile: per ogni errore frequente, dove guardare e cosa dire a Claude.

✅

Checklist Pre-Deploy

15 punti: variabili .env, HTTPS, CORS, backup, errori console, robots.txt, sitemap…

💬

10 Prompt da Salvare

Prompt copiabili Claude-ready per debug API, fix CORS, autenticazione, upload file.

🇮🇹

GDPR per Vibecoder Italiani

Cookie banner, privacy policy, dove vivono i dati. Tutto in 2 pagine pratiche.

2 glossari ricchi che diventano il tuo riferimento

📚

Glossario 1
Programmazione & architettura

~80 termini organizzati in 7 categorie:

  • Ambienti e deploy (localhost, staging, prod, build, CI/CD)
  • Infrastruttura (server, hosting, VPS, dominio, DNS, CDN)
  • Trasferimento codice (FTP, SSH, Git)
  • Linguaggi e framework (React, PHP, Python, Node, Laravel…)
  • Backend (API, REST, GraphQL, webhook, microservizi)
  • Sicurezza (HTTPS, JWT, CORS, OAuth, hashing)
  • Database (SQL, NoSQL, ORM, migration, backup)
🎨

Glossario 2
Anatomia di una pagina web

~50 termini di UI organizzati per zona:

  • Layout (header, footer, main, sidebar, navigation)
  • Navigazione (navbar, breadcrumb, tab, stepper, hamburger)
  • Contenuto (hero, card, banner, carousel, accordion, table)
  • Interazione (modal, drawer, dropdown, form, button)
  • Feedback (toast, snackbar, spinner, skeleton, empty state)
  • Tipografia e layout fine

Per ogni voce: nome italiano + inglese, descrizione, e "come usarlo nel prompt a Claude".

16 infografiche che ti restano in testa

Non un libro denso di paragrafi. Un manuale visivo, fatto per essere consultato quando ti serve.

I 3 ambienti
Anatomia di un sito online
Le scatole di Lego del codice
Da localhost al server in 3 modi
Dove vive un sito
Il viaggio del click
La danza client-server
Quali linguaggi vivono dove
Triangolo client-server-database
★ Anatomia di una pagina (poster A2)
Componenti di navigazione
Componenti di contenuto
Componenti di interazione
Stati di un componente
Decoder degli status code HTTP
DNS resolution flow

Sfoglia tutte e 16 le infografiche →

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.

Chi sono

Mi chiamo Lupo Carro. Sono uno sviluppatore full-stack italiano con oltre trent'anni di esperienza. Ho costruito e deployato 500+ progetti reali — SaaS B2B, marketplace, piattaforme di gestione cantieri, app di sicurezza sul lavoro, giochi browser, tool interni, plugin WordPress, app mobile. Solo nell'ultimo anno, oltre 50 sono stati progetti AI-assistiti. Lavoro su VPS Aruba, gestisco database Postgres, scrivo in TypeScript, Python, PHP e ne ho viste passare di mode tecnologiche.

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 manuale è quello che avrei voluto avere in mano quando ho cominciato: niente teoria accademica, niente storia di Internet dal 1969, niente tutorial su un singolo framework. Solo i concetti che servono per consegnare progetti che reggono.

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

Domande frequenti

Devo già saper programmare per leggerlo?

No. Il libro parte da zero — anzi, è scritto apposta per chi non sa programmare ma sta costruendo cose con l'AI. Se sei già senior, ti annoierebbe.

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.

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.

Posso fare un reso se non mi piace?

Sì. Garanzia soddisfatti o rimborsati 30 giorni, senza domande. Mi paghi solo se ti è davvero utile.

Posso comprarlo in più copie per la mia agenzia?

Sì, scrivimi a luca.cozza@gmail.com per pricing team.