| .. | ||
| basics | ||
| blog | ||
| component | ||
| framework-alpine | ||
| framework-lit | ||
| framework-multiple | ||
| framework-preact | ||
| framework-react | ||
| framework-solid | ||
| framework-svelte | ||
| framework-vue | ||
| hackernews | ||
| integration | ||
| middleware | ||
| minimal | ||
| non-html-pages | ||
| portfolio | ||
| ssr | ||
| view-transitions | ||
| with-markdoc | ||
| with-markdown-plugins | ||
| with-markdown-shiki | ||
| with-mdx | ||
| with-nanostores | ||
| with-tailwindcss | ||
| with-vite-plugin-pwa | ||
| with-vitest | ||
| README.md | ||
Astro Examples Library
The easiest way to check out one of these examples on your machine is by running this command in an empty directory:
npm create astro@latest -- --template [EXAMPLE_NAME]
Community Examples
Visit awesome-astro for a full list of community examples. You can use npm create astro@latest to check out any community examples:
npm create astro@latest -- --template [GITHUB_USER]/[REPO_NAME]
Paths to examples nested inside of a repo are also supported:
npm create astro@latest -- --template [GITHUB_USER]/[REPO_NAME]/path/to/example