Aggiornato: 2025-01-17
Questo sito è stato realizzato da Matteo Cervelli con un mix di competenze personali ed AI. Provenivo da un sito hostato e realizzato su WordPress.com e ho preferito ricostruire da me il sito a inizio 2025 per “tenere”.
Volevo un sito leggero, veloce e responsive. E volevo imparare le basi sfruttando quello che la tecnologia mette a disposizione.
Prima di tutto, matteocervelli.com è un sito internet statico. È realizzato con Hugo come SSG—Static Site Generator— ed è hostato su Netlify tramite GitHub, mentre i DNS sono gestiti tramite Cloudflare.
La passione per il Markdown viene da un recente passaggio di tutta la mia gestione a Obsidian, che ho “annusato” per anni e alla fine mi sono deciso.
Ma non avrei potuto costruire il sito senza due aiutanti formidabili di AI: Claude 3.5-sonnet e Cursor. Cursor mi ha cambiato completamente la vita, laddove Claude è il miglior aiutante per l’apprendimento possibile.
È solo tramite loro se mi è bastato un xml di export da WordPress per avere tutto il sito in Markdown, organizzato per cartelle, tramite uno Script Python.
Per sapere di più su come utilizzo l’AI per il sito, puoi leggere qui.
Ad oggi, scrivo i miei testi in Markdown, in multilingua, tramite Obsidian dove mi sono costruito la struttura del sito, e poi li costruisco tramite Terminal (direttamente in Cursor) sulla cartella Hugo. Per me che venivo da un sistema chiuso come CMS avere tutto sul mio PC è incredibilmente liberante. Ovviamente, con backup continuo su Cloud e NAS.
Il tema è basato su Ananke, dove ho operato modifiche personali, sia allo stile che alla struttura.
La palette di colori usata è:
- MC Purple: #AF00BF
- MC Peach Light: #FFE8D1
- MC Black: #303030
I Font sono due miei compagni:
Altri strumenti che utilizzo per gestire il sito e la mia attività personale:
- Google Workspace per gestire Email e Drive digitale, oltre alla documentazione.
- In Obsidian ho ricostruito CRM e gestione della documentazione e task manager/project manager, per cui non ho bisogno di altri software al momento, quando sono da solo.
- Kit per raccogliere contatti e inviare la newsletter
- Stripe per gestire i pagamenti.
- Fiscozen (per partite IVA italiane) per la contabilità — Affiliate.
- Umami Analytics per le metriche
- Canva per le grafiche
- Clop per ottimizzare le immagini
- Unsplash per le immagini stock
Nota finale: Un grandissimo Grazie a Steph Ango, sia per il lavoro su Obsidian, sia la grafica e logica del suo blog da cui il mio prende molta ispirazione.