Astro Starter Kit: Basics 14.02.2026

npm create astro@latest -- --template basics

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

Lorem ipsum Iorem ipsum 1orem ipsum random text more text more text more textlorem ipsum lorem ipsum lorem ipsum random text more text more text more textlorem ipsum lorem ipsum lorem ipsum random text more text more text more textlorem ipsum lorem ipsum lorem ipsum random text more text more text more textlorem ipsum lorem ipsum lorem ipsum random text more text more text more textlorem ipsum lorem ipsum lorem ipsum random text more text more text more textlorem ipsum lorem ipsum lorem ipsum random text more text more text more textlorem ipsum lorem ipsum lorem ipsum random text more text more text more textlorem ipsum lorem ipsum lorem ipsum random text more text more text more textlorem ipsum lorem ipsum lorem ipsum random text more text more text more textlorem ipsum lorem ipsum lorem ipsum random text more text more text more textlorem ipsum lorem ipsum lorem ipsum random text more text more text more textlorem ipsum lorem ipsum lorem ipsum random text more text more text more text

Acceptance Criteria:

Add a new page
~~Add a new component~~
Item two
- Nested sub-item (indent with 2 spaces)
- Another sub-item

Astro Starter Kit: Basics h1

Astro Starter Kit: Basics h2

Astro Starter Kit: Basics h3

Testl1I: tetxt te l1I bbbl1Iaaaa

Acceptance Criteria:

Add a new page
Add a new component
Add a new layout

🚀 Project Structure

Inside 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
`npm install`	Installs dependencies
`npm run dev`	Starts local dev server at `localhost:4321`
`npm run build`	Build your production site to `./dist/`
`npm run preview`	Preview your build locally, before deploying
`npm run astro ...`	Run CLI commands like `astro add`, `astro check`
`npm run astro -- --help`	Get help using the Astro CLI

Another test table

Name	Age	Abc
Johny Abc	30	X
Mary 1243srsr	29	-

👀 Want to learn more?

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

Youtube video

https://www.youtube.com/watch?v=SgwlqZqo4AQ

My Component

Astro code test 👇

---
const { name } = Astro.props;
---
<div class="text-pink-500">
  Hello {name}!
</div>