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.
