What Is Astro? The Framework Behind Linear and Notion

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:

Learn Astro yourself — excellent docs at astro.build (20-40 hours to get productive).
Use Vibe Coding — Cursor / Claude Code help (read the Vibe Coding Guide).
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.