Nuova versione di xarop.com (2026)
Questo sito è la versione 2026 di xarop.com. È, fondamentalmente, meno: meno codice, meno dipendenze, meno astrazioni.
Che cosa aveva prima
Un'installazione di WordPress. Tema personalizzato. Database MySQL. Cache. Plugin di sicurezza. Backup. Un VPS. Un monitor di uptime. Un anno senza scrivere alcun articolo perché aggiornare il blog implicava aprire il pannello di amministrazione e combattere contro l'editor Gutenberg.
Che cosa ha ora
Una cartella con file Markdown. Uno script di build di Node.js. Tre file CSS. GitHub Pages. Zero database.
Per scrivere un articolo:
$ touch content/blog/nuovo-post.md
$ $EDITOR content/blog/nuovo-post.md
$ git push
GitHub Actions costruisce il sito e lo pubblica. Trenta secondi dopo, è online.
Perché
Perché WordPress era overkill per un blog personale con otto articoli l'anno. Perché mantenere un server è un lavoro che non mi apporta nulla. Perché il web torna ad essere migliore quando è piccolo, piatto e semantico.
Inoltre: perché mi piaceva l'idea che il mio sito avesse sapori. "xarop" significa xarop in catalano — dolce e concentrato — e i sapori erano uno scherzo visivo che mi faceva piacere implementare. Ora puoi cambiare l'intera tavolozza con un clic. Nessun ricaricamento. È quasi tutto CSS. In totale ci sono sette sapori: fragola, mirtillo, ribes, menta, limone, arancia e liquirizia.
Stack
- HTML scritto a mano, semanticamente il più pulito che ho saputo fare.
- CSS moderno con custom properties,
@media (prefers-color-scheme),::selection,color-scheme, view transitions. Nessun framework. - Markdown per il contenuto,
gray-matterper il front-matter,markedper il rendering. - Asap — tipografia per i titoli, auto-hosted (OFL), senza alcuna chiamata a Google Fonts.
- Node.js per il build (senza runtime nel client).
- GitHub Pages per l'hosting.
È molto probabilmente lo stack più noioso che ho utilizzato in dieci anni. Mi rende molto felice.
Migrazione dei contenuti
L'archivio di WordPress (2007–2024) è stato migrato in formato Markdown: circa 90 articoli di blog e 70 progetti di portfolio, con categorie, tag e immagini in evidenza conservate. Nessun contenuto perso, nessun database.
Le immagini in evidenza sono state scaricate dal vecchio server, convertite in WebP (max 1200px, q82) e auto-hosted. I nuovi progetti senza immagine generano uno screenshot automatico dell'URL del progetto tramite Puppeteer.
Navigazione dei contenuti
Blog e portfolio hanno un aside sticky con tutte le categorie e i tag come una nuvola navigabile. Le pagine di ogni categoria e tag mostrano il contenuto filtrato con lo stesso aside per continuare l'esplorazione.
Che cosa viene dopo
Note tecniche su CSS moderno, performance, accessibilità, e qualche escursione occasionale in altri argomenti. Senza calendario, senza impegni.
Grazie per avermi letto — se è la prima volta che visiti il sito, benvenuto.