4e8e5069fa
- Added: api-patterns, app-builder, architecture, bash-linux, behavioral-modes, clean-code, code-review-checklist, database-design, deployment-procedures, docker-expert, documentation-templates, game-development, geo-fundamentals, i18n-localization, lint-and-validate, mobile-design, nestjs-expert, nextjs-best-practices, nodejs-best-practices, parallel-agents, performance-profiling, plan-writing, powershell-windows, prisma-expert, python-patterns, react-patterns, red-team-tactics, seo-fundamentals, server-management, tailwind-patterns, tdd-workflow, typescript-expert, vulnerability-scanner - Updated README: skill count 179 → 223 - Added credit for vudovn/antigravity-kit (MIT License) Source: https://github.com/vudovn/antigravity-kit
77 lines
1.7 KiB
Markdown
77 lines
1.7 KiB
Markdown
---
|
|
name: astro-static
|
|
description: Astro static site template principles. Content-focused websites, blogs, documentation.
|
|
---
|
|
|
|
# Astro Static Site Template
|
|
|
|
## Tech Stack
|
|
|
|
| Component | Technology |
|
|
|-----------|------------|
|
|
| Framework | Astro 4.x |
|
|
| Content | MDX + Content Collections |
|
|
| Styling | Tailwind CSS |
|
|
| Integrations | Sitemap, RSS, SEO |
|
|
| Output | Static/SSG |
|
|
|
|
---
|
|
|
|
## Directory Structure
|
|
|
|
```
|
|
project-name/
|
|
├── src/
|
|
│ ├── components/ # .astro components
|
|
│ ├── content/ # MDX content
|
|
│ │ ├── blog/
|
|
│ │ └── config.ts # Collection schemas
|
|
│ ├── layouts/ # Page layouts
|
|
│ ├── pages/ # File-based routing
|
|
│ └── styles/
|
|
├── public/ # Static assets
|
|
├── astro.config.mjs
|
|
└── package.json
|
|
```
|
|
|
|
---
|
|
|
|
## Key Concepts
|
|
|
|
| Concept | Description |
|
|
|---------|-------------|
|
|
| Content Collections | Type-safe content with Zod schemas |
|
|
| Islands Architecture | Partial hydration for interactivity |
|
|
| Zero JS by default | Static HTML unless needed |
|
|
| MDX Support | Markdown with components |
|
|
|
|
---
|
|
|
|
## Setup Steps
|
|
|
|
1. `npm create astro@latest {{name}}`
|
|
2. Add integrations: `npx astro add mdx tailwind sitemap`
|
|
3. Configure `astro.config.mjs`
|
|
4. Create content collections
|
|
5. `npm run dev`
|
|
|
|
---
|
|
|
|
## Deployment
|
|
|
|
| Platform | Method |
|
|
|----------|--------|
|
|
| Vercel | Auto-detected |
|
|
| Netlify | Auto-detected |
|
|
| Cloudflare Pages | Auto-detected |
|
|
| GitHub Pages | Build + deploy action |
|
|
|
|
---
|
|
|
|
## Best Practices
|
|
|
|
- Use Content Collections for type safety
|
|
- Leverage static generation
|
|
- Add islands only where needed
|
|
- Optimize images with Astro Image
|