No description
  • Astro 82.3%
  • CSS 13.4%
  • JavaScript 2.3%
  • TypeScript 2%
Find a file
2026-07-06 19:46:21 +02:00
.vscode install astro 2026-07-06 19:46:21 +02:00
public install astro 2026-07-06 19:46:21 +02:00
src install astro 2026-07-06 19:46:21 +02:00
.gitignore install astro 2026-07-06 19:46:21 +02:00
AGENTS.md install astro 2026-07-06 19:46:21 +02:00
astro.config.mjs install astro 2026-07-06 19:46:21 +02:00
CLAUDE.md install astro 2026-07-06 19:46:21 +02:00
package.json install astro 2026-07-06 19:46:21 +02:00
pnpm-lock.yaml install astro 2026-07-06 19:46:21 +02:00
pnpm-workspace.yaml install astro 2026-07-06 19:46:21 +02:00
README.md install astro 2026-07-06 19:46:21 +02:00
tsconfig.json install astro 2026-07-06 19:46:21 +02:00

Astro Starter Kit: Basics

pnpm create astro@latest -- --template basics

🧑‍🚀 Seasoned astronaut? Delete this file. Have fun!

🚀 Project Structure

Inside of your Astro project, you'll see the following folders and files:

/
├── public/
│   └── favicon.svg
├── src
│   ├── assets
│   │   └── astro.svg
│   ├── components
│   │   └── Welcome.astro
│   ├── layouts
│   │   └── Layout.astro
│   └── pages
│       └── index.astro
└── package.json

To learn more about the folder structure of an Astro project, refer to our guide on project structure.

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command Action
pnpm install Installs dependencies
pnpm dev Starts local dev server at localhost:4321
pnpm build Build your production site to ./dist/
pnpm preview Preview your build locally, before deploying
pnpm astro ... Run CLI commands like astro add, astro check
pnpm astro -- --help Get help using the Astro CLI

👀 Want to learn more?

Feel free to check our documentation or jump into our Discord server.