···11+# Astro Starter Kit: Basics
22+33+```
44+npm create astro@latest -- --template basics
55+```
66+77+[](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
88+[](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics)
99+[](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json)
1010+1111+> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun!
1212+1313+
1414+1515+1616+## 🚀 Project Structure
1717+1818+Inside of your Astro project, you'll see the following folders and files:
1919+2020+```
2121+/
2222+├── public/
2323+│ └── favicon.svg
2424+├── src/
2525+│ ├── components/
2626+│ │ └── Card.astro
2727+│ ├── layouts/
2828+│ │ └── Layout.astro
2929+│ └── pages/
3030+│ └── index.astro
3131+└── package.json
3232+```
3333+3434+Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
3535+3636+There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
3737+3838+Any static assets, like images, can be placed in the `public/` directory.
3939+4040+## 🧞 Commands
4141+4242+All commands are run from the root of the project, from a terminal:
4343+4444+| Command | Action |
4545+| :------------------------ | :----------------------------------------------- |
4646+| `npm install` | Installs dependencies |
4747+| `npm run dev` | Starts local dev server at `localhost:3000` |
4848+| `npm run build` | Build your production site to `./dist/` |
4949+| `npm run preview` | Preview your build locally, before deploying |
5050+| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |
5151+| `npm run astro -- --help` | Get help using the Astro CLI |
5252+5353+## 👀 Want to learn more?
5454+5555+Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).