content-collections
6 articles in this category.
Build a Comparison Page in Astro: Side-by-Side Content with Structured Schema
How to create a comparison page in Astro with Content Collections — schema design for two-product comparisons, winner display, verdict box, and a comparison table built with plain CSS.
Read →Build a Guide Page in Astro: Step-by-Step Content with Difficulty and Time Estimates
How to create a guide content type in Astro with difficulty badges, estimated reading time, and a structured step-by-step layout — using Content Collections and plain CSS.
Read →Images in Astro: How to Add, Optimize and Manage Local Images
How Astro handles images differently from WordPress — the Image component, heroImage in frontmatter, Markdown syntax vs MDX component, and a practical workflow for managing image files.
Read →Build a Review Page in Astro: Schema, Layout and Components
How to create a structured review page in Astro with Content Collections — schema design, pros/cons display, rating stars, and a verdict box. With plain CSS and a promise of what's coming.
Read →Dynamic Routes in Astro: How One Template Generates Hundreds of Pages
How getStaticPaths works, what dynamic routes are, and how to build a blog listing page and detail page from Astro Content Collections.
Read →Content Collections in Astro: The Right Way to Manage Structured Content
Why Content Collections exist, how to set them up with the modern Astro content API, and how Zod schema validation keeps content reliable.
Read →