Why Astro: The Framework Built for Content-First Marketing Sites

Astro is the framework behind some of the fastest marketing sites on the web, and it was designed specifically for the kind of site you're building.

10 min read
Evergreen guide

The basics

What Astro is, and what it means for your website

Astro is an open-source web framework. It's the structural foundation that determines how your website is built, how fast it loads, and what it can do. Think of it as the engineering behind the architecture.

What makes Astro different from older platforms: it was designed from the ground up for content-heavy websites like marketing sites, blogs, resource centers, and documentation hubs. The kinds of sites where every millisecond of load time affects SEO rankings and conversion rates.

Astro's core innovation is simple but powerful: it sends only HTML and CSS to the browser by default. No JavaScript unless you explicitly ask for it. The result is websites that load almost instantly, because the browser has less work to do.

This isn't a niche experiment. Astro is used in production by Porsche, NordVPN, The Guardian, Google Firebase, Netlify, and thousands of mid-market companies. It was purpose-built for exactly the kind of website you're investing in.

Astro framework mascot, astronaut illustration

Why it matters

Four business outcomes Astro directly affects

These aren't theoretical advantages. They're measurable differences that show up in your analytics, your invoices, and your search rankings.

Faster pages, higher conversions

Speed is revenue

Astro sites routinely score 95–100 on Google Lighthouse performance tests, out of the box. Research from Google and Deloitte consistently shows that faster load times reduce bounce rates and improve conversion rates. A site that loads in 1 second instead of 3 doesn't just feel better — it converts better.

Better SEO performance

Your ranking ceiling rises

Google uses Core Web Vitals (page speed, visual stability, interactivity) as ranking signals. Astro produces clean, lightweight HTML that scores well on all three metrics. Combined with full control over meta tags, structured data, and URL routing, Astro gives your SEO team the best possible foundation.

Lower hosting costs

Less compute, less spend

Because Astro generates static HTML at build time, hosting is dramatically cheaper than platforms that render pages on every request. Many Astro sites run on $5–20/month infrastructure that would cost $500–2,000+/month on enterprise SaaS platforms. The cost savings compound every month.

Native AI integration

Built on the same language as every AI API

Astro runs on JavaScript/TypeScript, the same language that powers every major AI API (OpenAI, Anthropic, Google). Integrating AI into your website is native to the ecosystem, not bolted on through a plugin or marketplace app. This is how AI features go from "possible" to "practical."


Under the hood

How Astro achieves this, explained simply

You don't need to understand the engineering to make the decision. But if your technical team asks "why Astro specifically?", here's the 60-second version.

1

Zero JavaScript by default

Traditional frameworks (including WordPress and HubSpot) send JavaScript to the browser on every page, even when it's not needed. Astro strips it all out and sends only HTML and CSS. Your browser does less work, so pages load faster. Interactive elements like a contact form, a pricing calculator, or a chatbot get JavaScript only where they appear.

2

Static by default, dynamic when you need it

Astro pre-builds pages as static HTML at deploy time, so most pages load instantly with no server processing. But Astro also supports server-side rendering for pages that need live data: database-driven directories, search results, AI-generated responses. You get the speed of static where it works and the flexibility of SSR where you need it.

3

Content and presentation are separated

Astro can be fully managed by a Website AI Agent, and Astro pairs naturally with headless CMS platforms (TinaCMS, Storyblok, Sanity, Contentful). Your content team edits in a visual interface. Astro handles how that content looks on the website. If you ever want to redesign, you rebuild the presentation, while your content stays untouched.

4

Use any interactive tool where you need it

Astro has a concept called "islands": isolated interactive components on an otherwise static page. A contact form can use React. A pricing widget can use Svelte. A simple page with no interactivity ships no JavaScript at all. You get interactivity where it matters without penalizing the rest of the page.

The analogy for non-technical stakeholders

Think of most website platforms like a restaurant that cooks every meal from scratch when you order. It works, but there's a wait. Astro is like a restaurant that prepares meals in advance. When you order, the food is ready immediately. The quality is the same (or better). The service is faster. And the kitchen costs less to run.


The comparison

Astro vs. the platforms you're comparing it to

An honest comparison. Astro isn't the right choice for everything, but for content-first marketing sites, the differences are significant.

Astro Next.js HubSpot CMS WordPress
Best suited for Read-heavy sites: marketing, blogs, directories, AI-enhanced content, resource centers Write-heavy sites: portals, e-commerce, auth, multi-step workflows Teams already all-in on the HubSpot ecosystem Simple sites with small budgets and minimal AI ambitions
Default page speed Near-instant. 95–100 Lighthouse scores typical. Zero JS shipped by default. Fast with Server Components and static generation. More optimization effort for pure content pages. Moderate. Platform overhead affects Core Web Vitals. Varies widely. Plugin bloat often degrades performance.
SEO control Full control over HTML, meta tags, structured data, URL routing, sitemap generation Comparable SEO control with slightly more complexity Limited to what the platform exposes. Some constraints on structure. Good with plugins (Yoast, Rank Math). Plugin dependency.
Hosting cost Very low. Static hosting from $5–20/month for most marketing sites. Moderate. Server-side rendering requires more compute. Bundled into SaaS pricing. Starts at $360/year, scales with tier. Moderate. Managed WP hosting $30–300+/month depending on quality.
AI integration Native. JS/TS ecosystem connects directly to any AI API. Native. Same JS/TS ecosystem advantage. Limited to HubSpot Breeze and approved integrations. Plugin-based. Security and performance trade-offs.
Content portability High. Content in headless CMS, framework is replaceable. High. Same headless CMS architecture. Low. Content and templates tightly coupled to HubSpot. Moderate. Content exportable but theme-dependent.
Developer talent pool Growing rapidly. Built on standard JS/TS — any web developer can learn it. Largest modern framework community. Small. HubL is proprietary to HubSpot. Very large. Quality and modernity varies.

When Astro isn't the right choice

If your website is write-heavy (user authentication, transactional workflows, e-commerce with complex cart logic, or CRUD operations), Next.js is usually the better fit. Astro handles read-heavy dynamic features (AI chat, search, database-driven directories) well, but Next.js is built for two-way application logic.

When Astro is the clear winner

Read-heavy websites of all kinds. Marketing sites. Directories. AI-powered content hubs. Resource centers. Documentation. Landing pages. Anywhere the primary job is to deliver content fast, power search and AI features, rank well, and convert visitors. Astro is purpose-built for that job.


In production

Companies already running on Astro

Astro isn't a startup experiment. It's in production at enterprise scale, across industries.

Porsche

Corporate marketing site. Performance-critical brand presence with global audience.

NordVPN

Content and marketing pages. High-traffic site where page speed directly impacts conversion.

The Guardian

Editorial and content delivery. One of the world's largest news organizations.

Google Firebase

Developer documentation and marketing. Google trusts Astro for its own developer platform.

Netlify

Corporate marketing site. A leading web hosting platform chose Astro for its own site.

Lynton

This website. We build on what we sell. Our site runs on Astro + React + Tailwind CSS.

We build on what we sell

The site you're reading right now runs on Astro. Our AI website assessment tool, our blog, our interactive quote builder, all built on the same stack we recommend to our clients. We don't recommend technology we haven't bet our own business on.


The decision

How to know if Astro is the right framework for your project

The framework recommendation in your proposal wasn't arbitrary. Here's the decision logic behind it. The same criteria we apply to every project.

Astro is the right fit when:

  • Your website is read-heavy: pages, blog posts, directories, AI-powered features, resources
  • Page speed and SEO are top priorities for your business
  • You want to reduce hosting and platform costs
  • You want AI deeply integrated, not bolted on
  • You want to own your code and your infrastructure
  • Your site doesn't require user login, transactional workflows, or complex write operations

Consider Next.js instead when:

  • Your site needs authenticated user areas or customer portals
  • You're building e-commerce with complex cart and checkout logic
  • Users write data back: forms, reviews, account management, transactions
  • The site is more "web application" than "website"
  • You need multi-step workflows or complex CRUD operations

Questions we hear from executives

No. Astro is a developer tool, and your team won't interact with it directly. Your content editors work in a headless CMS with a visual interface (like Storyblok or Sanity), not in code. The framework runs behind the scenes, the same way a car engine runs behind the dashboard. You experience the speed and reliability; your developers handle the engineering.
Yes. Astro was purpose-built for content-heavy sites. Companies like Porsche, NordVPN, and Google Firebase use it in production. Astro's build system is specifically optimized for sites with hundreds or thousands of pages: blogs, resource centers, product pages, landing pages. That's its sweet spot.
Astro is open-source software backed by a funded company (The Astro Technology Company) and a large community of contributors. But even in a worst-case scenario, your content lives in a headless CMS, completely independent of the framework. If you ever needed to switch frameworks, the content migrates with you. That's the whole point of decoupled architecture.
Your marketing team's daily workflow actually improves. With Astro + a headless CMS, content editors get a visual interface for editing pages, similar to what they're used to. The difference: pages load faster, SEO performance improves, and your team isn't blocked by platform limitations when they want to try something new. The adjustment period is typically 2–3 weeks.
We recommend Astro for content-first marketing sites because the data supports it. Zero JavaScript by default means faster pages. Faster pages mean better SEO rankings and higher conversion rates. Lower hosting costs mean better ROI. We're not an Astro partner. We don't get paid to recommend it. We recommend it because for most mid-market marketing sites, it produces measurably better outcomes than the alternatives.
Yes. Astro sites connect to any tool with an API: HubSpot CRM, Salesforce, PostHog, Google Analytics, Mailchimp, Resend, Klaviyo, whatever you use. Because Astro is built on standard web technologies, integrations are straightforward. There's no proprietary middleware layer or marketplace dependency standing between your site and your tools.

See where your website stands

Our free AI website assessment analyzes your tech stack, estimates what you're paying vs. what you could be paying, and shows you what a modern alternative looks like.

No sales pitch. No commitment. 60 seconds.