GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

GeezerVison is showing astro.build — Astro

The web framework for content-driven websites

Astro powers the world's fastest marketing sites, blogs, e-commerce websites, and more.

npm create astro@latest

Copied!

Used by the largest companies around the world:

What is Astro?

Astro is a JavaScript web framework optimized for building fast, content-driven websites.

Server-First

Astro improves website performance by rendering components on the server, sending lightweight HTML to the browser with zero unnecessary JavaScript overhead.

Content-Driven

Astro was designed to work with your content, no matter where it lives. Load data from your file system, external API, or your favorite CMS.

Customizable

Extend Astro with your favorite tools. Bring your own JavaScript UI components, CSS libraries, themes, integrations, and more.

Best-In-Class Performance

Astro Islands

Islands optimize your website like no other web framework can. Leverage Astro's unique page load performance to improve conversion rates, Core Web Vitals, and SEO.

% of real-world sites with good Core Web Vitals

Astro

Astro Core Web Vitals Passing

71%

WordPress

WordPress Core Web Vitals Passing

48%

Gatsby

Gatsby Core Web Vitals Passing

45%

Next.js

Next.js Core Web Vitals Passing

35%

Nuxt

Nuxt Core Web Vitals Passing

28%

View the full dataset · Based on real-world performance data from HTTP Archive and the Chrome UX Report.

Maximum Flexibility

Zero Lock-in

Astro supports every major UI framework. Bring your existing components and take advantage of Astro's optimized client build performance.

Integrate your favorite framework

---
import BuyButton from '../components/BuyButton.jsx';
import { getProductDetails } from "ecommerce-package";
import ProductPageLayout from '../layouts/ProductPageLayout.astro';

const product = await getProductDetails(Astro.params.slug);
---

<ProductPageLayout>
  <img src={product.imageUrl} alt={product.imageAlt} />
  <h2>{product.name}</h2>
  <BuyButton id={product.id} client:load />
</ProductPageLayout>

Official Astro Cap Swag

Snapback Cap

$25.00

Everything you need

Fully Featured

Astro comes with everything you need to build a modern website. Need more? Extend Astro with integrations.

Content Collections

Organize your Markdown and MDX with built-in TypeScript type-safety and frontmatter validation.

0

Zero JavaScript, By Default

Astro only ships the JavaScript you need and automatically strips away the rest for a faster website.

View Transitions

Seamlessly morph, fade, and swipe across pages with built-in, browser-native View Transition APIs.

800px • WEBP

3600px • PNG

Optimized Images

Eliminate layout shift and serve optimized, modern image formats with Astro’s built-in components and utilities.

UI Integrations

Bring your favorite UI frameworks and component libraries with Astro's flexible island architecture.

ReactVueSvelteAngularPreactSolidQwik

File-Based Routing

Astro’s flexible routing system lets you understand your site’s structure at a glance.

pages
- api
  - json.ts
- blog
  - [slug].astro
- 404.astro
- about.astro
- index.astro

Middleware

Wrap incoming requests with custom logic like authentication, logging, or data fetching.

Actions

Write type-safe backend functions that you can call directly from your frontend JavaScript client code.

Deployment Adapters

One-line configuration for Netlify, Vercel, AWS, or your favorite hosting platform.

Node.jsCloudflareVercelNetlifySSTDenoAWS

Simple Templating

If you know HTML, you already know enough to write your first Astro component. Build powerful server components everyone on your team understands.

<Logo>

<NavLinks>

<Hero>

<Article>

<Video>

Instant Page Loads

Optimize page loading with intelligent automatic prefetching. Pick from the built-in presets or tailor a strategy perfect for your site.

AI-Ready

Integrate Astro’s official MCP server and context files with your favorite AI tools for a best-in-class development experience.

Environment Variables

Avoid common configuration mistakes with a built-in API to manage your environment variables.

Dev Toolbar

Extend your development environment with apps and integrations for the built-in development toolbar.

Ecosystem

Themes

Get started faster with a pre-built website theme for Astro. Customize it to make it your own.

Starlight theme by Astro

AstroShip theme by Web3Templates

Upstart theme by GetAstroThemes

Prima Persona theme by Lexington Themes

Darkrise Astro theme by Themefisher

Browse more themes

Astro Shopify theme by thomasKn

Quick Store theme by Lexington Themes

SKNCRE theme by Bryan Robinson

Browse more e-commerce themes

Astro Nano theme by Mark Horn

Stablo theme by Web3Templates

Microblog theme by Lexington Themes

Dante theme by Asta Bankauske

Brutal theme by ElianCodes

OpenBlog theme by danielcgilibert

Browse more blog themes

Starlight theme by Astro

Astro Design System theme by jordi

Ion theme by Louis Escher

Browse more documentation themes

Astrofy theme by manuelernestog

Swissfolio theme by Lexington Themes

Gurido theme by Lexington Themes

ShareYourLinks theme by Angela Sofia Osorio

Esquelete CV theme by Martín

Browse more portfolio themes

Sendit theme by CloudCannon

Stone theme by m6v3l9

Positivus theme by Manul Thanura

Atom theme by Méschac Irung

Astroplate theme by Zeon Studio

Browse more landing page themes

Astro Partner Agencies

Get professional Astro support

Find the right team for your project with an Astro Partner Agency. From landing pages to e-commerce, get the expert assistance you need.

Explore partner agencies

Start building with
Astro today

npm create astro@latest

Copied!

Astro is free, open-source software made possible by these wonderful sponsors

Netlify Cloudflare

Mux ImageKit CloudCannon

Mintlify Cloudways

ArcJet Datadog Databento BairesDev N-iX DigiNeat Sponsor Astro

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.