···1+# Astro Starter Kit: Basics
2+3+```sh
4+pnpm create astro@latest -- --template basics
5+```
6+7+[](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
8+[](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics)
9+[](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json)
10+11+> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun!
12+13+
14+15+## 🚀 Project Structure
16+17+Inside of your Astro project, you'll see the following folders and files:
18+19+```text
20+/
21+├── public/
22+│ └── favicon.svg
23+├── src/
24+│ ├── layouts/
25+│ │ └── Layout.astro
26+│ └── pages/
27+│ └── index.astro
28+└── package.json
29+```
30+31+To learn more about the folder structure of an Astro project, refer to [our guide on project structure](https://docs.astro.build/en/basics/project-structure/).
32+33+## 🧞 Commands
34+35+All commands are run from the root of the project, from a terminal:
36+37+| Command | Action |
38+| :------------------------ | :----------------------------------------------- |
39+| `pnpm install` | Installs dependencies |
40+| `pnpm dev` | Starts local dev server at `localhost:4321` |
41+| `pnpm build` | Build your production site to `./dist/` |
42+| `pnpm preview` | Preview your build locally, before deploying |
43+| `pnpm astro ...` | Run CLI commands like `astro add`, `astro check` |
44+| `pnpm astro -- --help` | Get help using the Astro CLI |
45+46+## 👀 Want to learn more?
47+48+Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
···1+---
2+import Welcome from '../components/Welcome.astro';
3+import Layout from '../layouts/Layout.astro';
4+5+// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
6+// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
7+---
8+9+<Layout>
10+ <Welcome />
11+</Layout>