Building a website using Astro

Astro

Astro is an all-in-one web framework for building fast, content-focused websites.

Key Features

• Component Islands: A new web architecture for building faster websites.
• Server-first API design: Move expensive hydration off of your users’ devices.
• Zero JS, by default: No JavaScript runtime overhead to slow you down.
• Edge-ready: Deploy anywhere, even a global edge runtime like Deno or Cloudflare.
• Customizable: Tailwind, MDX, and 100+ other integrations to choose from.
• UI-agnostic: Supports React, Preact, Svelte, Vue, Solid, Lit and more.

Try Astro in your browser

Visit astro.new and choose from a variety of templates to get started. Play around with a full, working version of Astro right in your browser!

Quickstart!

• View all templates →
• Start your first project
• Section titled Start your first project
• Get a new Astro project up and running locally with our helpful create-astro CLI wizard!

Create a new project with npm

npm create astro@latest

Our Installation Guide has full, step-by-step instructions for installing Astro using your favorite package manager.

Learn Astro

Section titled Learn Astro See examples of some of the key concepts and patterns of an Astro site!

• Add your first page to your site.
• Read more about Astro’s project structure.
• Learn about Astro’s file-based routing.

Extend Astro

• Start your next project with a prebuilt theme
• Customize your site with official and community plugins and components.
• Get inspired by visiting our site showcase.

Join the Astro Community

Join in the Astro Discord to share with and get help from an active, friendly community!

• Say hi in our #introduce-yourself channel!
• Ask our Support Squad a question in our #support-threads channel!
• Share what you’ve been working on in our #showcase channel!