Sito web personale — Da 0 a Deploy
Dal linguaggio naturale al sito online in meno di 4 ore
1. Contesto
Avevo bisogno di uno spazio digitale personale: un posto dove raccogliere articoli, eventi, servizi formativi e riflessioni sull'Intelligenza Artificiale. Non volevo un sito vetrina statico, ma una piattaforma viva, aggiornabile, con un'area admin, un database, una newsletter e una struttura pronta a crescere. Il tutto da costruire in tempi reali, senza un team di sviluppo.
2. Obiettivo
Dimostrare che è possibile progettare e pubblicare un sito web professionale — completo di autenticazione, database, deploy e CI/CD — usando il linguaggio naturale come unica interfaccia di progettazione. Non "fare veloce", ma fare bene, in poco tempo, con l'AI come partner di metodo.
3. Metodo
• Definizione dell'idea e degli obiettivi del sito • Raccolta dei requisiti funzionali e tecnici tramite conversazione con Claude • Progettazione dell'architettura (stack, struttura delle route, modello dei dati) • Creazione e configurazione del database PostgreSQL • Containerizzazione con Docker per un ambiente riproducibile • Implementazione del sistema di autenticazione admin • Configurazione SSL e dominio personalizzato • Deploy su Railway con variabili d'ambiente e secrets • Test funzionali su tutte le aree principali • Configurazione della Continuous Integration per deploy automatici ad ogni push • Go Live
4. Strumenti
• Claude — co-progettazione, architettura e generazione del codice • Claude Code — ambiente di sviluppo integrato con AI • Node.js + Express — backend e routing • PostgreSQL — database relazionale • Docker — containerizzazione dell'ambiente • Railway — piattaforma di deploy e hosting • Aruba — registrazione e gestione del dominio • Cloudinary — gestione e ottimizzazione delle immagini • Resend — invio email e gestione newsletter • GitHub — versionamento e source control • CI/CD pipeline — deploy automatico ad ogni commit
5. Risultato
In meno di 4 ore il sito era online, raggiungibile all'indirizzo definitivo, con SSL attivo, area admin funzionante, database popolato e pipeline CI/CD configurata. Non un prototipo: un prodotto reale, in produzione, pronto per essere usato e aggiornato ogni giorno.
6. Cosa dimostra
7. Evoluzione
Versione 1 — sito online con struttura base, articoli ed eventi Versione 2 — ottimizzazione SEO e meta tag dinamici Versione 3 — sezione servizi strutturata con pagine dedicate Versione 4 — newsletter e automazioni email Versione 5 — analytics avanzati e ottimizzazione conversioni Versione 6 — nuovi case study e prototipi AI interattivi Versione 7 — dashboard database con manutenzione Postgres automatica, miglioramenti preview eventi e newsletter multi-contenuto
Episodi
𝗡𝗼𝗻 𝗵𝗼 𝘀𝗰𝗿𝗶𝘁𝘁𝗼 𝘂𝗻𝗮 𝗿𝗶𝗴𝗮 𝗱𝗶 𝗰𝗼𝗱𝗶𝗰𝗲. 𝗛𝗼 𝘂𝗻 𝘀𝗶𝘁𝗼 𝗶𝗻 𝗽𝗿𝗼𝗱𝘂𝘇𝗶𝗼𝗻𝗲!
Dal foglio bianco al sito funzionante. Come ho trasformato una lista di bisogni in un sito web completo usando l'AI, senza scrivere una riga di codice.
𝗟’𝗮𝗺𝗯𝗶𝗲𝗻𝘁𝗲 𝗱𝗶 𝘀𝘃𝗶𝗹𝘂𝗽𝗽𝗼: 𝗱𝗮𝗹 𝘀𝗲𝘁𝘂𝗽 𝗮𝗹 𝗽𝗿𝗶𝗺𝗼 𝗮𝘃𝘃𝗶𝗼
In qualsiasi progetto software, la fase di design precede l’implementazione. Non si parte dal codice: si parte dall’architettura. In questo episodio racconto come un semplice documento di requisiti, scritto in linguaggio naturale, sia stato trasformato dall’AI in un sistema web funzionante: backend Node.js, database PostgreSQL, autenticazione, pannello admin, gestione contenuti, newsletter e form di contatto. I
𝗗𝗮𝗹𝗹𝗮 𝗟𝗼𝗴𝗶𝗰𝗮 𝗮𝗹𝗹𝗮 𝗦𝘁𝗿𝘂𝘁𝘁𝘂𝗿𝗮: 𝗖𝗼𝗺𝗲 𝘀𝗶 𝗣𝗿𝗼𝗴𝗲𝘁𝘁𝗮 𝘂𝗻 𝗗𝗮𝘁𝗮𝗯𝗮𝘀𝗲 𝗶𝗻 𝗟𝗶𝗻𝗴𝘂𝗮𝗴𝗴𝗶𝗼 𝗡𝗮𝘁𝘂𝗿𝗮𝗹𝗲.
Un database è la memoria del sito. Non l'abbiamo progettato manualmente: abbiamo descritto in italiano tutto quello che il sito deve ricordare (utenti, articoli, eventi, ecc.), e l'AI ha tradotto il prompt in 11 tabelle SQL complete. La lezione? Progettare un database significa descrivere il tuo pensiero.
𝗔𝘂𝘁𝗲𝗻𝘁𝗶𝗰𝗮𝘇𝗶𝗼𝗻𝗲, 𝗿𝘂𝗼𝗹𝗶 𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗼 𝗮𝗹𝗹’𝗮𝗿𝗲𝗮 𝗮𝗱𝗺𝗶𝗻
In questo episodio racconto come il sito ha iniziato a distinguere chi può solo leggere da chi può gestire i contenuti. Attraverso il linguaggio naturale ho descritto ruoli, permessi, login, password protette e accesso admin. L’AI ha tradotto questa logica in un sistema di autenticazione con JWT, bcrypt, cookie sicuri e middleware di controllo.