Built with Astro 4 100 Lighthouse

Ship static sites
at lightning speed at edge speed

Build with Astro, deploy in seconds to Vercel or Cloudflare Pages. Connect your own domain — zero config required.

Deploy now How it works
bash 
$ npm create astro@latest my-landing-page
✓ Template copied!
✓ Dependencies installed!
$ cd my-landing-page && npm run dev
  ▲  astro dev  started in 142ms
  ✓  http://localhost:4321/
0 KBJS by default
<1 msCold start (static)
100Lighthouse score
300+Edge locations

Why Astro?

Astro is purpose-built for content-driven static sites. It prioritizes your users' performance over developer convenience.

⚡

Zero JavaScript by default

Astro ships pure HTML and CSS. JS is opt-in per component, making pages blazing fast with a perfect Lighthouse score.

🏝️

Island Architecture

Hydrate only the interactive parts of your page. Mix React, Vue, Svelte, and more in the same project.

🌍

Edge-native deployment

Static assets are served from CDN edge nodes globally. Your visitors always hit a node near them for <10 ms TTFB.

📁

File-based routing

Every file in src/pages/ becomes a route. No router config needed — just create the file and Astro handles the rest.

🎨

Scoped CSS built-in

Write <style> inside any .astro component. Styles are automatically scoped — no class name collisions, no CSS-in-JS needed.

🔌

Integrations ecosystem

Add Tailwind, MDX, sitemaps, image optimization, and more with a single CLI command: npx astro add tailwind.

From zero to deployed

Four steps. No proprietary tooling. No lock-in.

01

Create your Astro project

npm create astro@latest my-site
02

Build your pages

src/pages/index.astro
03

Preview locally

npm run dev
04

Deploy to the edge

git push origin main

Choose your platform

Astro's static output works identically on both. Pick what fits your workflow — or use both.

▲

Vercel

Recommended for teams
  1. Push your repo to GitHub / GitLab / Bitbucket
  2. Import the repo at vercel.com/new
  3. Vercel auto-detects Astro — click Deploy
  4. Add your custom domain in Project → Domains
npx vercel --prod

Vercel automatically runs npm run build and serves the dist/ folder. No vercel.json needed for Astro static sites.

☁️

Cloudflare Pages

Great with Cloudflare domains
  1. Push your repo to GitHub or GitLab
  2. Open dash.cloudflare.com → Workers & Pages → Create
  3. Set build command: npm run build | output: dist
  4. Connect your Cloudflare-registered domain instantly
npx wrangler pages deploy dist

Since your domain is on Cloudflare, Pages lets you connect it in one click — no DNS changes required. Orange cloud = automatic CDN + DDoS protection.

💡
Your Cloudflare domain tip: With Cloudflare Pages your domain is already managed in the same dashboard. Go to Pages → your project → Custom domains → Add domain — that's it. Cloudflare handles SSL, CDN caching, and DDoS protection automatically.