Astro basic template

This boilerplate is a basic web development setup and built-in support for linting and prettier using husky, making it easy to use for various projects.

Thanks to withastro/astro

✨ Features

• Astro@5.6.1
• CSS (Sass + PostCSS Plugins)
  • glob import
  • custom media
• TypeScript
• Svelte@5
• minimal setuped linters (eslint, stylelint)
• pretteir
• husky

🧞 Commands

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

🚀 Project Structure

.
├── README.md
├── astro.config.mjs
├── lint-staged.config.js # for husky
├── package.json
├── public
│   └── favicon.svg # 🚀
├── src
│   ├── assets # site assets
│   │   └── img
│   ├── components # astro templates
│   ├── data # static data for templates
│   │   ├── config.yml # site config
│   │   └── meta.yml
│   ├── js
│   │   └── app.ts
│   ├── layouts
│   │   ├── App.astro
│   │   └── Document.astro
│   ├── pages
│   │   ├── index.astro
│   │   └── index.module.scss
│   ├── styles # only global styles *e.g. reset, base, breakpoints, variables, utility...
│   │   ├── foundations
│   │   │   ├── base.scss
│   │   │   ├── custom-media.scss
│   │   │   ├── mixins
│   │   │   ├── reset.scss
│   │   │   └── variables
│   │   └── style.scss
│   ├── types
│   │   ├── astro.d.ts # custom type for astro components
│   │   └── declaration.d.ts
│   └── utils
│       └── meta.ts
└── tsconfig.json