microblog

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:

1. Clone the repository.
2. Install dependencies using npm install.
3. Start the local development server with npm run dev.
4. 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.