Landing Pages with Astro with AI

# Landing Pages with Astro — SoloStack Skill File
> Drop this file into your SoloStack repo and Claude Code will use it as
> context to run this workflow automatically.
---
## Overview
Build high-converting landing pages with Astro and AI — static, fast, SEO-optimized, and fully customizable.
## Capabilities
1. **Static-first pages** — Zero JS by default. Hydrate islands only where needed. Best-in-class Core Web Vitals.
2. **Content collections** — Markdown + frontmatter → typed content. Blog, skills, case studies, all type-safe.
3. **pSEO-ready** — Dynamic [slug].astro routes generate hundreds of pages from one template + a JSON data file. Live proof: /free, /open-source, /replace, /skills pages.
4. **Schema.org markup** — Article + FAQPage + HowTo + BreadcrumbList JSON-LD as components — drop into any page.
5. **Netlify / Vercel / Cloudflare deploy** — Push to git → deploys in 30 seconds. SSR for the few endpoints that need it.
6. **Tailwind + shared design system** — Brand tokens via @solostack/brand package. Consistent design across pages without copy-pasting CSS.
## Pipeline
## Use Cases
- **Marketing site:** Hero, pricing, about, contact. Astro is faster than Webflow for these because there's no runtime.
- **pSEO sub-domain:** /free/{tool}, /replace/{tool}, /alternative-to/{tool} — 100+ pages from one template.
- **Documentation site:** Content collections + sidebar = docs site without buying Mintlify ($150/mo) or GitBook ($24/mo).
## Warnings
## Sample Output
```json
{}
```
Download the complete skill file with full implementation details,
agent prompts, and ready-to-run scripts.