Come è fatto questo sito.
Con Claude Code, senza WordPress.
Questo sito l'ho costruito con Claude Code, l'assistente di Anthropic che scrive codice. Io ho deciso cosa fare, ho controllato e corretto; Claude ha scritto il codice e le bozze dei testi. Anche GitHub, il pannello Pages CMS e la pubblicazione sull'hosting li ha preparati e gestiti Claude Code, guidandomi passo passo nelle poche cose da fare a mano, come creare gli account. Per arrivare fin qui non serve conoscere queste tecnologie. Qui racconto gli strumenti e il metodo, senza segreti.
- Costruito con
- Claude Code, di Anthropic
- Tecnologia
- Astro: pagine HTML e CSS, poco JavaScript
- Testi e dati
- Pannello Pages CMS, file salvati su GitHub
- Pubblicazione
- Automatica, sull'hosting Aruba
- WordPress
- Nessuno: niente database, niente plugin
- Cosa serve sapere
- Nessuna tecnologia: ha guidato tutto Claude Code
Cosa c'è sotto,
spiegato semplice.
Ogni strumento ha un compito preciso. Nessuno è indispensabile da solo: è il modo in cui lavorano insieme a fare la differenza.
Claude Code
L'assistente di Anthropic che scrive codice. Gli spiego cosa serve, lui scrive pagine, componenti e bozze dei testi e le controlla nell'anteprima. Io guardo, correggo e decido.
Astro
Un sistema per siti statici: le pagine si preparano una volta, prima di andare online, e il server le consegna già pronte. Sono semplici pagine HTML e CSS; il JavaScript serve solo per menu, animazioni e filtri. Per questo il sito è veloce e non ha bisogno di un database.
GitHub
Tutti i file del sito stanno su GitHub. Ogni modifica, mia o di Claude, resta salvata con la sua data: si vede cosa è cambiato e si può tornare indietro.
Pages CMS
Il pannello con cui modifico testi, clienti e recensioni, anche dal telefono, al posto della bacheca di WordPress. Ogni salvataggio diventa una modifica su GitHub.
Pubblicazione automatica
A ogni modifica il sito si ricostruisce da solo e va online su Aruba in un paio di minuti. Se qualcosa non va, il sito resta com'era.
Dati scritti una volta sola
Ogni cliente e ogni recensione è un piccolo file. Lo inserisco una volta e compare da solo in tutte le pagine collegate: home, corsi, clienti, recensioni.
Una parola chiave per pagina, titoli e descrizioni della lunghezza giusta, collegamenti tra i corsi, dati strutturati e redirect pronti per gli indirizzi del vecchio sito.
Modelli AI
Fatti chiari e verificabili, testi leggibili anche senza JavaScript e dati strutturati: informazioni che ChatGPT, Claude e gli altri assistenti possono leggere e citare.
Velocità e accessibilità
Niente plugin, statistiche e banner dei cookie che partono solo dopo che la pagina si è vista, carattere installato nel sito invece che caricato da Google, immagini leggere, colori con il contrasto giusto. Lighthouse, lo strumento di Google, dà alla home 100 su 100 per velocità, accessibilità, buone pratiche e SEO.
L'AI scrive il codice. Le decisioni restano mie.
Mario Valerio · Adobe Certified Instructor
Come lavoriamo,
io e Claude.
- Decido
Si parte da una richiesta
Ogni pagina nasce da una mia richiesta: cosa serve, a chi si rivolge, con quale parola chiave deve farsi trovare.
- Claude scrive
Codice e bozze
Claude Code propone come farlo, scrive il codice e le bozze dei testi, poi controlla la pagina nell'anteprima, su computer e su telefono.
- Controllo
L'ultima parola è mia
Guardo, correggo, chiedo modifiche. Numeri, durate e promesse li confermo io: nessuna frase va online se non è vera.
- Tutto scritto
Le decisioni restano
Ogni decisione, anche quella di non fare qualcosa, finisce in file di documentazione. Così il lavoro si può riprendere in qualsiasi momento, anche dopo settimane.
- Online
In un paio di minuti
Salvo, e la modifica è sul sito. Se cambio idea, la versione precedente è sempre lì.
Vuoi imparare a farlo anche tu?
Nel corso Claude Code per creare siti e applicazioni ti insegno lo stesso metodo, partendo dal tuo progetto: un sito, un database online, uno strumento per il tuo ufficio.
Contattami
Raccontami cosa deve imparare il tuo team o quale processo vuoi migliorare. Ti rispondo con una proposta di programma, tempi e costi.