Dagi Template

A CLI tool to quickly bootstrap production-ready React projects with your choice of pre-configured templates.

Features

• Multiple Templates: Choose between Landing Page or Dashboard templates
• Modern Stack: React 19, TypeScript, Vite, and Tailwind CSS 4
• State Management Options: Includes Redux Toolkit, React Query, and Zustand
• Automatic Configuration: Project name is automatically updated in package.json and index.html
• Zero Config: Dependencies are installed automatically after project creation

Usage

Create a new project with a single command:

npx dagi_temp

You'll be prompted to:

1. Enter your project name
2. Choose a template type (Landing Page or Dashboard)

After the project is created, navigate to the directory and start developing:

cd <your-project-name>
npm run dev

Templates

Landing Page Template

Perfect for marketing sites, portfolios, and landing pages.

Dashboard Template

Ideal for admin panels and data-driven applications. Includes Recharts for data visualization.

Tech Stack

Both templates include:

• React 19 - Latest React with modern features
• TypeScript - Type safety and better DX
• Vite - Lightning-fast build tool
• Tailwind CSS 4 - Utility-first CSS framework
• React Router - Client-side routing
• Redux Toolkit - Simplified Redux state management
• React Query - Server state management
• Zustand - Lightweight state management
• React Hook Form - Performant form handling
• Zod - Schema validation
• Framer Motion - Animation library
• Lucide React - Beautiful icon set
• Sonner - Toast notifications
• ESLint - Code quality and consistency

Author

Dagmawi Yoseph

License

MIT