E-commerce template built with Astro 5, React 19, and Tailwind CSS 4. Designed for speed, SEO, and specific aesthetic appeal, featuring a fully functional shopping cart, favorites system, blog, and more.

• ⚡ Blazing Fast: Built on top of Astro's next-gen island architecture.
• 🎨 Modern Design: Styled with Tailwind CSS 4 and DaisyUI 5 for a premium look and feel.
• 🛒 Shopping Cart: Fully functional cart with persistent state using Nanostores.
• ❤️ Whishlist/Favorites: Save your favorite items with persistent local storage.
• 📦 Product Catalog: Dynamic product listing with category filtering.
• 📝 Blog Section: Integrated blog for content marketing and SEO.
• 📱 Fully Responsive: Mobile-first design that looks great on all devices.
• 🔍 Search: Instant product search functionality.
• � Checkout UI: polished checkout page interface.
• 🔔 Notifications: Toast notifications for user interactions (Sonner).
• 🖼️ Carousels: Interactive product sliders using Swiper.

• Framework: Astro 5.0
• UI Integrations: React 19
• Styling: Tailwind CSS 4.0 & DaisyUI 5
• State Management: Nanostores
• Icons: Iconify (Lucide & MDI)
• Animations: CSS Transitions & Micro-interactions

/
├── public/           # Static assets
├── src/
│   ├── assets/       # Optimized images and assets
│   ├── components/   # Reusable UI components
│   │   ├── cart/     # Cart related components
│   │   ├── checkout/ # Checkout flow components
│   │   ├── home/     # Homepage sections
│   │   ├── navbar/   # Navigation bar
│   │   ├── products/ # Product displays
│   │   └── ui/       # Generic UI elements (buttons, inputs)
│   ├── data/         # Mock data (products, static content)
│   ├── layouts/      # Astro layouts (Base, etc.)
│   ├── pages/        # File-based routing
│   │   ├── category/ # Dynamic category pages
│   │   ├── product/  # Dynamic product details
│   │   └── ...       # Other static pages (About, Contact)
│   ├── store/        # Global state (Cart, Favorites)
│   └── styles/       # Global styles
└── astro.config.mjs  # Astro configuration

1. Clone the repository

   git clone https://github.com/yourusername/E-commer-Astro.git
   cd E-commer-Astro
   

2. Install dependencies

   npm install
   

3. Start the development server

   npm run dev
   

4. Build for production

   npm run build
   

Command	Action
npm run dev	Starts local dev server at localhost:4321
npm run build	Build your production site to ./dist/
npm run preview	Preview your build locally, before deploying