What Is Astro Framework? Why Vercel, Linear, Notion Use It

If you read tech news in 2025, you saw “Astro” mentioned more than ever. Big names that migrated: Linear, Notion (marketing site), Trivago, Vercel, Cloudflare, Netlify, NameCheap, Porkbun. Why is everyone moving?

Short answer: Performance + Developer Experience + Cost that beats every other framework on the market for content-heavy sites.

Astro — Definition

Astro is a multi-page web framework that’s static by default (fastest possible) but goes hybrid when you need it (adding interactive components only where they’re needed).

Designed for content-focused sites:

• Blog
• Documentation
• Marketing site
• E-commerce storefront
• Portfolio
• Magazine / news

Core philosophy: ship zero JavaScript by default — JS only where it’s needed.

Why Astro Is Faster Than React/Next.js/Vue

React / Next.js / Vue (SPA / SSR):

• Ship the entire JS bundle to the browser.
• Browser uses JS to render the page.
• Hydration adds overhead.

Astro:

• Default renders to pure HTML at the server (build time).
• Ships zero JS — browser doesn’t parse + execute.
• Only the components that need interactivity (counter, modal, search) get JS.

Results:

• Mobile PageSpeed 95-100 by default
• LCP under 1.5s typical
• First Load JS under 5KB (vs Next.js ~200KB)

Astro vs Other Frameworks

Aspect	Astro	Next.js	WordPress	Gatsby
Default PageSpeed	95+	80-90	50-70	85+
JS Bundle	< 5KB	100-300KB	varies	100-200KB
SEO Built-in	Excellent	Good	Plugin needed	Good
Multilingual	Built-in i18n	Plugin / custom	WPML/Polylang	Plugin
Build Speed	Fast	Medium	N/A	Slow
Hosting Cost	Free tier sufficient	Cheap	$5-50/month	Free tier
Learning Curve	Easy	Medium	Easy (visual)	Hard
Use Case	Content sites	Apps + sites	Anything	Content sites

Deep dive: WordPress vs Astro 2026.

Who’s Using Astro in 2026

Big Tech / Tools:

• Cloudflare (docs + marketing)
• Vercel (marketing)
• Linear (docs)
• Trivago (parts of the frontend)
• NameCheap
• Porkbun

Content sites:

• Many tech blogs (e.g., Codrops)
• Documentation sites (Tailwind UI docs)

Why migrate:

• 60-90% lower hosting costs
• 50-80% faster page loads
• 15-30% lower bounce rates
• Better SEO rankings

Where Astro Fits Best

Strong:

• Marketing sites (landing, product, pricing pages)
• Blog / magazine / news
• Documentation
• Portfolio
• Content-heavy single-page apps

Workable with setup:

• E-commerce (Astro + Shopify Storefront API or Medusa)
• Dashboard / internal tools (Astro + React/Vue for interactive parts)
• Multi-language sites (built-in i18n is excellent)

Not a fit:

• Real-time apps (chat, trading) → use Next.js / React
• Heavy client-side SPAs → React/Vue/Svelte
• Complex auth flows → Next.js with Auth.js is better

Common Astro Tech Stack

Content

• Markdown / MDX (built-in)
• Sanity CMS (headless)
• Strapi (headless)
• Payload CMS (headless, recent favorite)
• Notion API (for blogs managed in Notion)

Styling

• Tailwind CSS (most popular)
• CSS Modules (built-in)
• Vanilla CSS (best performance)

UI Components (pick one)

• React — largest ecosystem
• Vue — lightweight
• Svelte — smallest bundle
• Solid — fastest reactivity
• Lit — Web Components

Backend / Data

• Supabase (Postgres + Auth + Storage)
• Cloudflare D1 (SQLite at the edge)
• Astro DB (built-in lightweight DB)

Deployment

• Cloudflare Pages (free, fast, edge)
• Vercel (free tier sufficient)
• Netlify (free tier)

Real Performance Numbers

Southern Whale uses Astro for client sites — real benchmarks:

Karon hotel (migrated WordPress → Astro):

• Build time: 8 weeks
• Mobile PageSpeed: 42 → 96
• LCP: 5.8s → 1.4s
• Direct booking conversion: 0.8% → 2.4% (3x)
• Hosting cost: $35/month → $0/month (Cloudflare Pages free tier)
• Maintenance: 6 hrs/month → 1 hr/month

Krabi tour operator:

• Build time: 6 weeks
• Static site, ~200 pages
• Total page weight: 280KB
• SEO ranking: Top 5 within 3 months for primary keywords

Astro Limitations to Know

• Smaller ecosystem than React/Vue — fewer libraries and tutorials.
• Hot reload generally slower than Vite-only frameworks (improving).
• No visual editor / page builder — write code or use a Headless CMS.
• Steeper for non-technical designers — they can input in a Headless CMS but it’s involved.

Getting Started with Astro

If you’re a developer:

npm create astro@latest

If you’re a business owner, options:

1. Learn Astro yourself — excellent docs at astro.build (20-40 hours to get productive).
2. Use Vibe Coding — Cursor / Claude Code help (read the Vibe Coding Guide).
3. Hire an Astro-specialist team — like Southern Whale, which uses Astro on every project.

Request an Astro Build

Our Web Development service uses Astro + Next.js as the default stack:

• Marketing site: 150,000 – 400,000 THB (4-8 weeks)
• E-commerce: 300,000 – 800,000 THB (8-16 weeks)
• Migration from WordPress → Astro: 200,000 – 600,000 THB

Let’s talk — discovery workshop is free.