Based on the CUBE CSS Boilerplate.
The Astro CUBE CSS Boilerplate is a simple, modern, web platform native starting point with sensible defaults. You get the advantages of modern CSS, with the aid of utility classes, and the affordances of design token architecture.
Uses:
- Astro, a web framework for content-driven websites
- Utopia, for responsive typography, spacing, and sizing
- Cube CSS, a pragmatric and simple CSS methodology
- Every Layouts, better, more resilient CSS
- Tailwind CSS, a utility-first CSS framework, used as utility-second
- Partytown, for running third-party scripts in a web worker
- Astro Sitemap, for generating a sitemap
- Design tokens, bringing sanity to design decisions.
Read more from Andy Bell's A CSS project boilerplate .
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 |