A facelift mindent balra igazított, pedig nem minden olvasnivaló. A szabály mostantól: középre az kerül, ami tájékozódási pont és nem szöveg — az oldalak hero-ja, a magányos állapotblokkok, és a lista végén álló egyetlen vissza-link. Balra marad minden, amit olvasnak vagy pásztáznak: törzsszöveg, listák, táblázatok, kártyák, vezérlők, lábléc. A részletoldalak kivételek: a blogbejegyzés és a katalógus-részlet hero-ja balra marad, mert ott a cím már a tartalom első sora, nem belépő pont. Az alapértelmezett téma a sötét lett; süti nélkül az indul, és a világosat az választja, aki kéri. Retro módban pedig eltűnik a téma-kapcsoló: ott a retro palettája írja felül a tokeneket, a gomb nem csinált volna semmit. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Astro Starter Kit: Basics
npm 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 |
|---|---|
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 |
👀 Want to learn more?
Feel free to check our documentation or jump into our Discord server.