Nella lezione precedente abbiamo registrato la struttura di una collezione di contenuti Astro e creato una serie di post in formato Markdown. In questa lezione vedremo come creare la pagina del sito web in cui visualizzare le anteprime dei post e le pagine dei singoli post. A questo scopo utilizzeremo delle potenti funzionalità di Astro: componenti e routing dinamico. Infine, utilizzeremo la libreria Alpine.js per impaginare i risultati del blog. Iniziamo creando due componenti. Il primo per generare l’anteprima degli articoli del blog, il secondo per i singoli articoli. La struttura del sito web: un blog in Astro Cominciamo dal blog. Creiamo il file ArticleCard.astro nella cartella /src/components con il seguente codice: — import type { CollectionEntry } from ‘astro:content’; interface Props { post: CollectionEntry<‘blog’>;…
