|
1 |
| -# Astro Starter Kit: Basics |
| 1 | +# prsnl.site [](https://app.netlify.com/sites/angry-bhaskara-369fef/deploys) |
2 | 2 |
|
3 |
| -```sh |
4 |
| -npm 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 |
| -│ ├── components/ |
25 |
| -│ │ └── Card.astro |
26 |
| -│ ├── layouts/ |
27 |
| -│ │ └── Layout.astro |
28 |
| -│ └── pages/ |
29 |
| -│ └── index.astro |
30 |
| -└── package.json |
31 |
| -``` |
32 |
| - |
33 |
| -Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name. |
34 |
| - |
35 |
| -There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components. |
36 |
| - |
37 |
| -Any static assets, like images, can be placed in the `public/` directory. |
38 |
| - |
39 |
| -## 🧞 Commands |
40 |
| - |
41 |
| -All commands are run from the root of the project, from a terminal: |
42 |
| - |
43 |
| -| Command | Action | |
44 |
| -| :------------------------ | :----------------------------------------------- | |
45 |
| -| `npm install` | Installs dependencies | |
46 |
| -| `npm run dev` | Starts local dev server at `localhost:4321` | |
47 |
| -| `npm run build` | Build your production site to `./dist/` | |
48 |
| -| `npm run preview` | Preview your build locally, before deploying | |
49 |
| -| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` | |
50 |
| -| `npm run astro -- --help` | Get help using the Astro CLI | |
51 |
| - |
52 |
| -## 👀 Want to learn more? |
53 |
| - |
54 |
| -Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat). |
| 3 | +<img src="./public/prsnlsite.webp" /> |
0 commit comments