🚀 Project Structure

├── public/
│   └── favicon.svg
├── src/
│   ├── components/
│   │   └── Card.astro
│   ├── layouts/
│   │   └── Layout.astro
│   └── pages/
│       └── index.astro
└── package.json

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
yarn install	Installs dependencies
yarn run dev	Starts local dev server at localhost:3000
yarn run build	Build your production site to ./dist/
yarn run preview	Preview your build locally, before deploying
yarn run astro ...	Run CLI commands like astro add, astro check
yarn run astro --help	Get help using the Astro CLI

Prettier VSCode configuration

To setup prettier to format the files on save, go to VSCode config.json file and add the following lines. npm repo

    "prettier.documentSelectors": ["**/*.astro"],
    "[astro]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }

---

Styles

To extend CSS functionality, relay on PostCSS Addons

Please note that PostCSS it's installed by default in Vite