For a fast, SEO-first brochure or landing site
The marketing site stack
Ships as static HTML, loads before the spinner would've appeared, and ranks. Boring in the best way.
A brochure or landing site has exactly two jobs: load instantly and rank well. This stack is built backwards from those jobs. Astro renders everything to static HTML with zero JavaScript by default (the single biggest lever on Core Web Vitals), Tailwind lets you build pages fast without accumulating a CSS graveyard, Sanity keeps the copy editable so marketing isn't filing PRs to fix a typo, Resend covers the one bit of backend a brochure site actually needs, and Vercel ships the whole thing on a git push. Nothing here is load-bearing beyond what a landing page requires, and none of the pieces fight each other.
The stack
- FrameworkAstroRenders to static HTML with zero JS by default and adds interactivity only where you opt in (islands) — the ideal shape for a content site.
- StylingTailwind CSS ↗Utility classes let you build landing sections fast, and unused styles get purged so the shipped CSS stays tiny.
- Content / CMSSanity ↗Headless CMS so non-devs can edit copy and swap hero images without a deploy; wire it into Astro content collections at build time.
- Forms & emailResendHandles the only backend a brochure site needs — contact form delivery and newsletter capture — with a clean API and good deliverability.
- AnalyticsVercelPrivacy-friendly, cookie-free page and conversion tracking that won't tank your Core Web Vitals the way a heavy tag manager would.
- Hosting / deployVercelGit-push deploys, global CDN, and preview URLs per branch; static Astro output means near-zero cold starts and cheap serving.
Tradeoffs
- Astro is superb for static and content but the wrong tool the moment you need real app behavior — dashboards, auth, real-time. If that's the actual destination, start on Next.js instead of migrating later.
- A headless CMS is a real recommendation only if someone other than you edits the site. If it's just you, skip Sanity and keep content as MDX in the repo — versioned, free, and one fewer moving part.
- Islands architecture has a learning curve: you have to decide what hydrates and when, which trips up anyone arriving from an 'everything is React' mental model.
- Vercel's free tier is generous but bandwidth and build-minute limits arrive fast on a site that actually takes off; Cloudflare Pages is cheaper at scale for static output, at the cost of rougher DX.
Cost
$0 to launch — every layer has a real free tier (Astro and Tailwind are open source, Sanity/Resend/Vercel all free to start). Realistically ~$20–40/mo once you outgrow them: Vercel Pro at $20 and Resend at $20, with Sanity staying free until you add multiple editors.