Skip to content

Astro

The web framework for content-driven websites

Astro is the web framework for building content-driven websites like blogs, marketing, and e-commerce. Astro is best-known for pioneering a new frontend architecture to reduce JavaScript overhead and complexity compared to other frameworks. If you need a website that loads fast and has great SEO, then Astro is for you.

Features

Astro is an all-in-one web framework. It includes everything you need to create a website, built-in. There are also hundreds of different integrations and API hooks available to customize a project to your exact use case and needs.

Some highlights include:

  • Islands: A component-based web architecture optimized for content-driven websites.
  • UI-agnostic: Supports React, Preact, Svelte, Vue, Solid, Lit, HTMX, web components, and more.
  • Server-first: Moves expensive rendering off of your visitors’ devices.
  • Zero JS, by default: Less client-side JavaScript to slow your site down.
  • Content collections: Organize, validate, and provide TypeScript type-safety for your Markdown content.
  • Customizable: Tailwind, MDX, and hundreds of integrations to choose from.

Installation

create astro is the fastest way to start a new Astro project from scratch. It will walk you through every step of setting up your new Astro project. It allows you to choose from a few different official starter templates, or you can use any existing project on GitHub with the --template argument.

Terminal window
npm create astro@latest

References

Showcases