c960f602da
* feat: add screenshot to basic example * feat: add screenshot to blog examples * feat: add screenshots to docs example * feat: add screenshot to portfolio example |
||
|---|---|---|
| .. | ||
| basics | ||
| blog | ||
| component | ||
| docs | ||
| env-vars | ||
| framework-alpine | ||
| framework-lit | ||
| framework-multiple | ||
| framework-preact | ||
| framework-react | ||
| framework-solid | ||
| framework-svelte | ||
| framework-vue | ||
| minimal | ||
| non-html-pages | ||
| portfolio | ||
| ssr | ||
| subpath | ||
| 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 init astro -- --template [EXAMPLE_NAME]
Community Examples
Visit awesome-astro for a full list of community examples. You can use npm init astro to check out any community examples:
npm init astro -- --template [GITHUB_USER]/[REPO_NAME]
Paths to examples nested inside of a repo are also supported:
npm init astro -- --template [GITHUB_USER]/[REPO_NAME]/path/to/example