AstroDemo
Built with Astro 4

Fast websites,
by default.

AstroDemo is an open-source starter that demonstrates Astro's island architecture, Content Collections, and static-site generation — all without a single byte of unnecessary JavaScript.

0 KB JavaScript shipped by default
100 Lighthouse performance score
WCAG AA Accessibility standard
Deploy targets supported

Why Astro?

  • Zero JS by default

    Pages ship as pure HTML and CSS. JavaScript is opt-in, per component, only when genuinely needed.

  • Content Collections

    Type-safe Markdown with Zod schema validation — catch frontmatter errors at build time, not runtime.

  • Deploy anywhere

    Static output means any CDN works — Netlify, Vercel, GitHub Pages, Cloudflare, or a plain S3 bucket.

  • Accessible first

    Semantic HTML, WCAG AA contrast ratios, skip links, visible focus rings, and keyboard navigation baked in.

  • TypeScript strict

    Every component and layout is fully typed. No implicit any, no exceptions — the compiler is your safety net.

  • Island architecture

    Opt components into the client selectively — client:idle, client:visible — hydrating only what users interact with.

Recent posts

View all →

Ready to build something fast?

Clone the repo, read the docs, and ship a site that scores 100 on Lighthouse out of the box.