A developer documents migrating a personal music collection from Eleventy to Astro as part of a personal site rebuild series. The post covers setting up an Astro Content Collection with a Zod schema for music data, building a dedicated MusicCollectionLayout, and implementing several components: MusicNavigation (with dynamic item counts per format/tag), MusicCardsRegion, MusicItemCard, and MusicItemDetail. The author also discusses the rationale for using markdown/front matter as the content source, with a future plan to migrate to the AT Protocol PDS.
Table of contents
Markdown and front matterSetting up the content collectionBuilding out the base layout, components and regionsSign up to get updates on open working projectsAndy Bell330 Impressions1 Comment