React Starter Template (RST) 🚀

[!IMPORTANT] RST is a premium, production-ready React starter kit designed for performance, scalability, and a superior developer experience.

A modern, full-stack-ready frontend boilerplate built with React 19, Vite 6, and Tailwind CSS v4. It features a modular architecture with pre-built modules for Public pages, Admin dashboards, and User dashboards.

🚀 Getting Started

The recommended way to start a new project is using our interactive CLI. It allows you to customize your template by selecting only the modules you need.

1. Initialize Project

Run the following command in your terminal:

npx create-rst my-awesome-app

2. Follow the Interactive Prompts

The CLI will guide you through:

1. Naming your project.
2. Selecting Modules:
   • Full Template: (Public + Admin + User)
   • Public + Admin Dashboard
   • Admin + User Dashboard
   • Public Pages Only
   • Admin Dashboard Only

3. Start Developing

cd my-awesome-app
npm run dev

✨ Features

• ⚡ Modern Stack: Powered by React 19 and Vite 6 for lightning-fast development and optimized builds.
• 🎨 Tailwind CSS v4: Experience the latest in utility-first CSS with native cascade layers and high-performance styling.
• 🏗️ Modular Architecture: Choose your setup during installation:
  • Public Pages: Modern landing and informational pages.
  • Admin Dashboard: Comprehensive management interface.
  • User Dashboard: Personal account and activity management.
• 🛠️ Robust State Management: Redux Toolkit with Redux Persist for seamless state synchronization and local storage.
• 🎭 Motion & UI:
  • Framer Motion: Production-ready animations.
  • Radix UI: Accessible, unstyled UI primitives.
  • Lucide React: Beautiful, consistent iconography.
• 📝 Form Handling: React Hook Form integrated with Zod for schema-based type-safe validation.
• 🔔 Notifications & Dialogs: Sonner for sleek toasts and SweetAlert2 for premium modal experiences.
• 🌐 Network Ready: Axios pre-configured for API interactions with environment variable support.

📦 Available Scripts

• npm run dev: Start the development server.
• npm run build: Build the application for production.
• npm run lint: Run ESLint to check for code quality.
• npm run preview: Preview the production build locally.

📄 License

This project is licensed under the MIT License.

Built with ❤️ by naim0018