Astro & Tailwind CSS Starter Kit
This starter kit provides a foundation for building web applications using Astro and Tailwind CSS. It emphasizes ease of customization and modern development practices.
Key Features:
- Astro Integration: Leverages Astro's component syntax and build system for performance.
- Tailwind CSS V4: Utilizes Tailwind CSS for styling, configured through a global CSS file.
- Template Structure: Organized directory structure for components, pages, and static assets.
- Open Source: Licensed under GPL-3.0, allowing for modification and use in various projects.
Usage:
- Clone the repository.
- Install dependencies using
npm install
. - Start the local development server with
npm run dev
. - Build the production site using
npm run build
.
Tailwind CSS V4
This template uses Tailwind CSS V4, configured through a global CSS file (global.css) instead of a tailwind.config.cjs file. Styles are added using the @theme
directive.
Template Structure
/
├── public/
├── src/
│ └── pages/
│ └── index.astro
└── package.json
src/pages/
: Astro pages.src/components/
: Components.public/
: Static assets.