Astro Content Collections

5 videos across 2 channels

Content collections in Astro let you organize and load data for your site, from static build-time data to dynamic, live sources. The videos walk through rendering lists from front matter, comparing static loaders to a React approach, and then demonstrate building and loading static data with different loader options before finally enabling live content collections with live.config.ts, covering loading, error handling, caching, and type safety.

Astro Crash Course #10 - Dynamic Routes thumbnail

Astro Crash Course #10 - Dynamic Routes

The video shows how to create dynamic book detail pages in Astro by adding a details component, setting up a dynamic rou

00:08:03
Astro Crash Course #9 - Content Collections (with Markdown) thumbnail

Astro Crash Course #9 - Content Collections (with Markdown)

The video explains migrating a data source from a JSON file to individual markdown files for each book review, updating

00:05:10
Ultimate Content Collections Overview thumbnail

Ultimate Content Collections Overview

The video explains how Astro content collections work, focusing on building and loading static data at build time using

00:12:49
Astro's NEW take on content (live content collections) thumbnail

Astro's NEW take on content (live content collections)

The video introduces live content collections in Astro, explaining how they differ from static content collections, how

00:11:55