SKILL FILE

Landing Pages with Astro with AI

Build high-converting landing pages with Astro and AI — static, fast, SEO-optimized, and fully customizable.

Download Skill File ↓

What this skill file teaches Claude

Drop one markdown file into your repo. Claude Code learns how to run this entire workflow.

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.

What you can build with this

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).

Get the full skill file

Everything above is 80% of the skill file. Download the complete version with full implementation details, agent prompts, and ready-to-run scripts.

Common questions

Astro defaults to static + zero JS, which is what landing pages actually want. Next.js defaults to a React app, which is overkill for content sites. For an interactive app, Next.js. For a marketing / SEO site, Astro is faster + cheaper.
Yes — Astro supports React, Vue, Svelte, Solid as islands. You write static Astro components by default, drop in React only where you need interactivity.
Netlify Forms (free) or a serverless function. The skill includes both patterns. No need to bolt on Formspree ($10/mo).
Yes — the skill includes a migration walkthrough. Most Webflow sites port to Astro in a weekend, including image and font transfer.
Plausible self-hosted (free) or GA4 (free) — the skill wires either. No vendor charges for "premium" analytics.

Ready to automate?

SoloStack gives you every skill pre-installed — scraping, marketing, sales, CRM, and more. One repo. Every department.

Book a Call →