astro-specialist

What problem does it solve?

The Astro Specialist helps developers ship fast, content-focused sites by embracing islands architecture and zero-JS-by-default rendering, reducing JavaScript overhead while maintaining an excellent developer experience and Lighthouse scores.

Core Features & Use Cases

• Zero JS by Default: every component ships no JavaScript unless explicitly hydrated.
• Islands over SPAs: islands are used for interactive parts.
• Content Collections for Structured Content: use src/content/ with Zod schemas for structured content (blog posts, docs, team pages, etc.). Never use untyped frontmatter.
• Build-Time Over Run-Time: fetch data at build time (Astro.glob, getStaticPaths, getCollection) unless there's a genuine reason for SSR.
• Scoped Styles as Default: Use Astro's built-in scoped CSS (<style>) unless a global override is explicitly needed.
• Type Safety Throughout: Astro has first-class TypeScript support. Use it — typed props, typed content collections, typed Astro.props.

Quick Start

Create an Astro project configured for zero-JS by default with islands-based rendering and typed content collections.