Documentation

Project Structure

Understand where pages, components, styles, and content live.

Key folders

  • src/pages/ contains route-based pages.
  • src/components/ holds reusable UI and sections.
  • src/layouts/ defines page layouts and SEO wrappers.
  • src/content/ stores blog and docs markdown.
  • public/assets/ is for images, fonts, and static assets.

How routing works

Any .astro file in src/pages becomes a route. Example:

  • src/pages/blog/index.astro/blog
  • src/pages/blog/[slug].astro/blog/:slug

Content collections

Blog and docs content are loaded from src/content using Astro content collections. Frontmatter controls metadata like title, description, and date.