🚀 Modern Astro Starter Template
A performance-driven starter template integrating Astro with React, designed for static site generation with dynamic UI components.
Project Structure
Organized using a libs system for better modularity and scalability
Tech Stack
Carefully selected technologies for the best developerCarefully selected technologies for the best developer experience and performance
Modern Static Site Generator with partial hydration
- Zero-JS by default for better performance
- Partial hydration for interactive components
- Built-in image optimization
- Automatic sitemap generation
Component-Based UI library
- Component-driven development
- Rich ecosystem of libraries
- Strong community support
- Reusable UI components
Utility-First CSS Framework
- Rapid UI development
- No CSS file maintenance
- Consistent design system
- Built-in responsive design
Beautiful & consistent icons
- Lightweight SVG icons
- Tree-shakeable imports
- Consistent design language
- TypeScript support
Type Safety & Enhanced Developer Experience
- Type safety across the project
- Better IDE support
- Reduced runtime errors
- Enhanced code maintainability
Features
Everything you need to build modern, SEO-friendly static websites
Project Structure
Organized using a libs system for reusability and modular architecture.
Static Media
Self-hosted fonts and optimized images with TypeScript support.
SEO Ready
Automatic sitemap generation and meta configurations.
Modern Stack
Astro + React + TypeScript + Tailwind CSS.
Performance
Optimized assets and lightweight HTML structure.
Styling System
Utility-first approach with Tailwind CSS.
Commands
| Command | npm | yarn | Action |
|---|---|---|---|
| Install | npm install | yarn install | Installs dependencies |
| Dev | npm run dev | yarn dev | Starts local dev server at localhost:4321 |
| Build | npm run build | yarn build | Build your production site to ./dist/ |
| Preview | npm run preview | yarn preview | Preview your build locally, before deploying |