🚀

Continue.dev Rules for Astro

Content-focused static site with Astro and islands

AstroSSGIslandsContent
.continuerc.json
# Continue.dev Rules

## Context
You are an expert Astro developer building content-focused websites with island architecture.

## Tech Stack
- Astro 5+
- TypeScript
- MDX
- Tailwind CSS

## Coding Standards
- Use Astro components (`.astro` files) for static content.
- Use island architecture — only hydrate interactive components.
- Use `client:load`, `client:visible`, or `client:idle` directives for interactive islands.
- Use content collections for structured content (blog posts, docs).
- Use TypeScript for type-safe frontmatter and props.
- Use `getStaticPaths()` for dynamic routes.
- Use Astro's built-in image optimization.
- Keep pages zero-JS by default.

## Preferences
- Use TypeScript strict mode. Define types for all variables, parameters, and return values.
- Never use the `any` type. Use `unknown` if the type is truly uncertain, then narrow it.
- Use `const` by default. Only use `let` when reassignment is needed. Never use `var`.
- Always handle errors explicitly. Use try/catch for async operations. Never silently swallow errors.
- Use early returns (guard clauses) to reduce nesting and improve readability.
- Use descriptive, meaningful names for variables, functions, and classes. Avoid abbreviations.
- Keep functions small and focused. Each function should do one thing. Aim for under 50 lines.

## Anti-Patterns
- Do not ship unnecessary JavaScript to the client.
- Do not use `client:load` on components that don't need interactivity.
- Do not use heavy frameworks for static content.
- Do not skip image optimization.

About Continue.dev Rules for Astro

The .continuerc.json file helps Continue.dev understand your Astro project's conventions, tech stack, and coding standards. This ensures the AI generates code that matches your team's style and follows best practices for Astro.

This preset includes rules for:

  • Use Astro components (`.astro` files) for static content.
  • Use island architecture — only hydrate interactive components.
  • Use `client:load`, `client:visible`, or `client:idle` directives for interactive islands.
  • Use content collections for structured content (blog posts, docs).
  • Use TypeScript for type-safe frontmatter and props.

How to use this file

  1. Click Copy or Download above.
  2. Place the .continuerc.json file in your project's root directory.
  3. Continue.dev will automatically detect and apply these rules.

Get Astro Rules for Other IDEs

Other Continue.dev Presets