series

Learn Astro 6

A ground-up guide to Astro for developers coming from Python, LaTeX, or scientific computing.

9 parts

Start reading

Parts

1. 1
   The Mental Model What Astro actually is — a compiler, not a server. The single concept that makes everything else click.
   guide 🌳 evergreen
2. 2
   File-Based Routing The file system IS the router. No config files, no URL mapping — just directories and files. Requires: The Mental Model
   guide 🌳 evergreen
3. 3
   .astro Files The core building block — a code fence that runs at build time and a template that outputs HTML. Requires: File-Based Routing
   guide 🌳 evergreen
4. 4
   Components Reusable building blocks — like Python functions that return HTML. Requires: .astro Files
   guide 🌳 evergreen
5. 5
   Astro Layouts Template inheritance — wrap pages in shared structure without repeating yourself. Requires: Components
   guide 🌳 evergreen
6. 6
   Content Collections Typed, validated markdown — like a DataFrame for your articles. Requires: Astro Layouts
   guide 🌳 evergreen
7. 7
   Astro Styling Scoped CSS, global styles, design tokens, and how Catppuccin theming works. Requires: Components
   guide 🌳 evergreen
8. 8
   Markdown and Code Blocks How Astro processes markdown, renders code with syntax highlighting, and supports MDX. Requires: Content Collections
   guide 🌳 evergreen
9. 9
   Build and Deploy The full pipeline — dev server, production build, Pagefind search, and Cloudflare Pages. Requires: The Mental Model
   guide 🌳 evergreen