Creare un sito web con l'AI — Parte 3: Costruzione

Ricapitoliamo. Nella Parte 1 hai installato Cursor e preparato i contenuti con Gemini. Nella Parte 2 hai configurato la Plan Mode, le regole di progetto e il dev server. Hai tutto quello che serve. È il momento di costruire.

---

Costruire il sito, pagina per pagina

Il metodo è semplice: prendi i contenuti che hai generato con Gemini, li incolli nella chat di Cursor in Plan Mode, e gli chiedi di costruire una pagina alla volta.

La homepage

Inizia sempre dalla homepage. Apri la chat (Ctrl+L), assicurati che la Plan Mode sia attiva (Shift+Tab), e scrivi qualcosa del genere:

Crea la homepage del sito usando questi contenuti:

[Incolla qui i testi della homepage generati con Gemini:
titolo, sottotitoli, paragrafi, call to action]

Segui le regole di progetto che abbiamo impostato.

Cursor analizzerà la richiesta e ti mostrerà un piano: quali file creerà, come organizzerà la pagina, quali sezioni includerà. Leggilo con calma.

• Se il piano ti convince: digli di procedere
• Se vuoi cambiare qualcosa: scrivi cosa modificare e aspetta il piano aggiornato

Quando approvi, Cursor scrive il codice. Apri il browser all’indirizzo del dev server e vedrai la homepage prendere forma.

Le altre pagine

Ripeti lo stesso processo per ogni pagina: Chi sono, Servizi, Contatti. Un prompt alla volta, un piano alla volta, una pagina alla volta.

Ora crea la pagina "Chi sono" con questi contenuti:

[Incolla i testi della pagina Chi sono]

Aggiungi la navigazione per collegarla alla homepage e alle altre pagine.

Tra una pagina e l’altra, controlla il risultato nel browser. Se qualcosa non ti piace — un colore, una dimensione, uno spazio — dillo a Cursor:

Nella pagina Chi sono, il titolo è troppo piccolo.
Rendilo più grande e aggiungi più spazio sotto.

Non devi sapere come si fa tecnicamente. Descrivi quello che vuoi vedere e l’AI si occupa del resto.

---

Consigli pratici

Dopo aver seguito questo percorso, ecco le cose che faranno la differenza tra un’esperienza frustrante e una produttiva.

Lavora sempre in Plan Mode. È tentante saltare la pianificazione e dire “fai tutto subito”. Resisti. La Plan Mode ti fa risparmiare tempo perché evita che l’AI prenda direzioni sbagliate. Correggere un piano è molto più veloce che correggere codice già scritto.

Parla a Cursor in italiano. Funziona perfettamente. Non serve l’inglese — scrivi come parleresti a un collega.

Ctrl+Z è il tuo migliore amico. Se Cursor fa una modifica che non ti piace, premi Ctrl+Z (Cmd+Z su Mac) per annullare. Puoi annullare più volte di seguito per tornare indietro di diversi passaggi.

Salva spesso con Ctrl+S. Ogni volta che il sito ti piace, salva. Se poi qualcosa va storto, puoi sempre annullare fino all’ultimo salvataggio.

Non aver paura di sperimentare. Il bello di lavorare in locale è che nessuno vede il sito finché non decidi tu di pubblicarlo. Prova, sbaglia, annulla, riprova.

Se ti blocchi, chiedi a Cursor di spiegarti. Scrivi nella chat “Spiegami cosa hai fatto nell’ultimo passaggio” e ti darà una risposta in linguaggio comprensibile.

---

Il percorso completo

Ecco tutto quello che hai fatto in queste tre parti:

1. Preparazione — Installato Cursor, creato un account gratuito, generato i contenuti del sito con Gemini Deep Research
2. Configurazione — Attivato la Plan Mode per mantenere il controllo, impostato le regole di progetto, configurato il dev server per vedere il sito in tempo reale
3. Costruzione — Costruito il sito pagina per pagina, rivisto ogni piano prima di approvarlo, corretto i dettagli visivi a voce

Hai un sito web funzionante, costruito senza scrivere codice. Il prossimo passo è metterlo online — ma quella è un’altra storia.