Perché Astro?
Quando ho deciso di rifare il mio portfolio, ho valutato diverse opzioni: Next.js, Gatsby, Hugo, e altri. Alla fine ho scelto Astro per diversi motivi:
- Zero JavaScript di default — Le pagine sono HTML statico, ultra veloci
- Content Collections — Scrivere blog post in Markdown è semplicissimo
- Island Architecture — Posso aggiungere interattività solo dove serve
- Developer Experience — Hot reload istantaneo e setup minimale
Il design system
Ho costruito un design system basato su CSS custom properties (variabili CSS) con un approccio dark-mode first. Questo mi permette di mantenere coerenza visiva in tutto il sito e di aggiungere facilmente un toggle per la modalità chiara in futuro.
:root {
--bg-primary: #0a0a0f;
--accent: #00f0ff;
--accent-purple: #a855f7;
}
Le cose che ho imparato
- Semplicità vince: non servono framework complessi per un portfolio
- Performance prima: un sito veloce fa una buona prima impressione
- Contenuti aggiornabili: avere un blog integrato mi spinge a scrivere di più
Prossimi passi
- Aggiungere animazioni con View Transitions API
- Implementare una sezione “Today I Learned”
- Aggiungere un feed RSS per il blog
Se vuoi dare un’occhiata al codice sorgente, lo trovi su GitHub.