🚀 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

src
layouts
libs
ui
blocks
components
modules
pages
static
public
astro.config.mjs
tailwind.config.js
tsconfig.json

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

CommandnpmyarnAction
Installnpm installyarn installInstalls dependencies
Devnpm run devyarn devStarts local dev server at localhost:4321
Buildnpm run buildyarn buildBuild your production site to ./dist/
Previewnpm run previewyarn previewPreview your build locally, before deploying