--- name: astro summary: "Astro is a web framework for building content-driven websites, using a server-first architecture that ships zero JavaScript by default and hydrates interactive components on-demand via its \"islands\" model. It is UI-agnostic, letting you mix React, Vue, Svelte, Solid, Preact, or plain HTML in the same project." language: TypeScript license: MIT repo: https://github.com/withastro/astro source: https://opensources.dev/resource/astro health: 100 --- # astro Astro is a web framework for building content-driven websites, using a server-first architecture that ships zero JavaScript by default and hydrates interactive components on-demand via its "islands" model. It is UI-agnostic, letting you mix React, Vue, Svelte, Solid, Preact, or plain HTML in the same project. ![Build the web you want](.github/assets/banner.jpg) [![main](https://github.com/withastro/astro/actions/workflows/ci.yml/badge.svg)](https://github.com/withastro/astro/actions/workflows/ci.yml) [![License](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/withastro/astro/blob/main/LICENSE) [![npm version](https://badge.fury.io/js/astro.svg)](https://badge.fury.io/js/astro) ## Install The **recommended** way to install the latest version of Astro is by running the command below: ```bash npm create astro@latest ``` You can also install Astro **manually** by running this command instead: ```bash npm install astro ``` Looking for help? Start with our [Getting Started](https://docs.astro.build/en/getting-started/) guide. Looking for quick examples? [Open a starter project](https://astro.new/) right in your browser. ## Documentation Visit our [official documentation](https://docs.astro.build/). ## Support Having trouble? Get help in the official [Astro Discord](https://astro.build/chat). ## Contributing **New contributors welcome!** Check out our [Contributors Guide](CONTRIBUTING.md) for help getting started. Join us on [Discord](https://astro.build/chat) to meet other maintainers. We'll help you get your first contribution in no time! ## Directory PackageRelease Notes[astro](packages/astro)[![astro version](https://img.shields.io/npm/v/astro.svg?label=%20)](packages/astro/CHANGELOG.md)[create-astro](packages/create-astro)[![create-astro version](https://img.shields.io/npm/v/create-astro.svg?label=%20)](packages/create-astro/CHANGELOG.md)[@astrojs/react](packages/integrations/react)[![@astrojs/react version](https://img.shields.io/npm/v/@astrojs/react.svg?label=%20)](packages/integrations/react/CHANGELOG.md)[@astrojs/preact](packages/integrations/preact)[![@astrojs/preact version](https://img.shields.io/npm/v/@astrojs/preact.svg?label=%20)](packages/integrations/preact/CHANGELOG.md)[@astrojs/solid-js](packages/integrations/solid)[![@astrojs/solid version](https://img.shields.io/npm/v/@astrojs/solid-js.svg?label=%20)](packages/integrations/solid/CHANGELOG.md)[@astrojs/svelte](packages/integrations/svelte)[![@astrojs/svelte version](https://img.shields.io/npm/v/@astrojs/svelte.svg?label=%20)](packages/integrations/svelte/CHANGELOG.md)[@astrojs/vue](packages/integrations/vue)[![@astrojs/vue version](https://img.shields.io/npm/v/@astrojs/vue.svg?label=%20)](packages/integrations/vue/CHANGELOG.md)[@astrojs/node](packages/integrations/node)[![@astrojs/node version](https://img.shields.io/npm/v/@astrojs/node.svg?label=%20)](packages/integrations/node/CHANGELOG.md)[@astrojs/vercel](packages/integrations/vercel)[![@astrojs/vercel version](https://img.shields.io/npm/v/@astrojs/vercel.svg?label=%20)](packages/integrations/vercel/CHANGELOG.md)[@astrojs/cloudflare](packages/integrations/cloudflare)[![@astrojs/cloudflare version](https://img.shields.io/npm/v/@astrojs/cloudflare.svg?label=%20)](packages/integrations/cloudflare/CHANGELOG.md)[@astrojs/partytown](packages/integrations/partytown)[![@astrojs/partytown version](https://img.shields.io/npm/v/@astrojs/partytown.svg?label=%20)](packages/integrations/partytown/CHANGELOG.md)[@astrojs/sitemap](packages/integrations/sitemap)[![@astrojs/sitemap version](https://img.shields.io/npm/v/@astrojs/sitemap.svg?label=%20)](packages/integrations/sitemap/CHANGELOG.md)[@astrojs/alpinejs](packages/integrations/alpinejs)[![@astrojs/alpinejs version](https://img.shields.io/npm/v/@astrojs/alpinejs.svg?label=%20)](packages/integrations/alpinejs/CHANGELOG.md)[@astrojs/mdx](packages/integrations/mdx)[![@astrojs/mdx version](https://img.shields.io/npm/v/@astrojs/mdx.svg?label=%20)](packages/integrations/mdx/CHANGELOG.md)[@astrojs/db](packages/db)[![@astrojs/db version](https://img.shields.io/npm/v/@astrojs/db.svg?label=%20)](packages/db/CHANGELOG.md)[@astrojs/rss](packages/astro-rss)[![@astrojs/rss version](https://img.shields.io/npm/v/@astrojs/rss.svg?label=%20)](packages/astro-rss/CHANGELOG.md)[@astrojs/netlify](packages/integrations/netlify)[![@astrojs/netlify version](https://img.shields.io/npm/v/@astrojs/netlify.svg?label=%20)](packages/integrations/netlify/CHANGELOG.md)[@astrojs/check](packages/language-tools/astro-check)[![astro-check version](https://img.shields.io/npm/v/@astrojs/check.svg?label=%20)](packages/language-tools/astro-check/CHANGELOG.md)[@astrojs/language-server](packages/language-tools/language-server)[![@astrojs/language-server version](https://img.shields.io/npm/v/@astrojs/language-server.svg?label=%20)](packages/language-tools/language-server/CHANGELOG.md)[@astrojs/ts-plugin](packages/language-tools/ts-plugin)[![@astrojs/ts-plugin version](https://img.shields.io/npm/v/@astrojs/ts-plugin.svg?label=%20)](packages/language-tools/ts-plugin/CHANGELOG.md)[astro-vscode](packages/language-tools/vscode)[![astro-vscode version](https://img.shields.io/npm/v/astro-vscode.svg?label=%20)](packages/language-tools/vscode/CHANGELOG.md) [![CII Best Practices](https://bestpractices.coreinfrastructure.org/projects/6178/badge)](https://bestpractices.coreinfrastructure.org/projects/6178) Several official projects are maintained outside of this repo: ProjectRepository[@astrojs/compiler](https://github.com/withastro/compiler)[withastro/compiler](https://github.com/withastro/compiler)[Starlight](https://github.com/withastro/starlight)[withastro/starlight](https://github.com/withastro/starlight) ## Links - [License (MIT)](LICENSE) - [Code of Conduct](https://github.com/withastro/.github/blob/main/CODE_OF_CONDUCT.md) - [Open Governance & Voting](https://github.com/withastro/.github/blob/main/GOVERNANCE.md) - [Project Funding](https://github.com/withastro/.github/blob/main/FUNDING.md) - [Website](https://astro.build/) ## Sponsors Astro is free, open source software made possible by these wonderful sponsors. [❤️ Sponsor Astro! ❤️](https://github.com/withastro/.github/blob/main/FUNDING.md)