What Is Astro? The Framework Behind Linear and Notion

If you read tech news in 2025, you saw “Astro” mentioned more than ever. Astro’s public showcase lists sites from well-known tech companies as well as small businesses. Why are so many teams 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

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:

• Much lower hosting costs
• Noticeably faster page loads
• Lower bounce rates on content pages
• 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)

Example Performance Numbers

Southern Whale builds client sites with Astro. The examples below show a typical WordPress → Astro migration, not guarantees:

Karon hotel (migrated WordPress → Astro):

• Build time: 8 weeks
• Mobile PageSpeed: 42 → 96
• LCP: 5.8s → 1.4s
• Direct booking conversion: noticeably higher
• 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:

• Company website: from 5,000 THB
• E-commerce: from 15,000 THB
• Migration from WordPress → Astro: ask us on LINE for a price, since every project differs in size and complexity

Let’s talk — discovery workshop is free.