astro-components
5 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 →MDX in Astro: Use Components Inside Your Content Without Touching Raw Code
What MDX is, how it differs from Markdown, how to install it in Astro, and why it changes what's possible inside a blog post — with real component examples.
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 →Astro Pages, Layouts and Components: The First Three Concepts to Learn
How Astro's file-based routing, shared layouts, and reusable components work, explained for WordPress developers who think in themes, templates and shortcodes.
Read →