Astro Basics Cheat Sheet

Luis David
Luda
1 min read

Astro Essentials

  • Components: .astro files mix HTML + JavaScript + framework islands.
  • Layouts: Reusable .astro files wrapping content with <slot />.
  • Routing: File-based, just add .astro under src/pages/.
  • Static vs SSR: Default is static output. Enable SSR with adapters.
  • Deploy: Works on GitHub Pages, Netlify, Vercel, Cloudflare Pages.
astro cheatsheet