Primo post con Dev Kit Italia
Questo è un post di esempio che dimostra come i web component funzionano anche nei post Astro generati da Markdown.
Un accordion nel post
Astro processa il Markdown e produce HTML.
I tag <it-*> passano invariati
nel markup finale.
Il browser vede i custom element, e quando
elements.js si carica, li attiva.
Perché Astro?
Astro è un framework moderno per siti statici che offre diversi vantaggi rispetto a Jekyll:
- Velocità di build — Astro usa Vite, molto più veloce di Ruby/Bundler
- Component-based — Ogni parte del sito è un componente riutilizzabile
- TypeScript nativo — Tipizzazione completa senza configurazione aggiuntiva
- Content Collections — API tipizzata per gestire contenuti Markdown
- Zero JS di default — Il bundle JavaScript inviato al client è minimo
I tag HTML custom passano invariati attraverso il processore Markdown di Astro, quindi funzionano senza configurazioni speciali.