Next.js SaaS Dashboard Starter Kit 🚀

A modern, production-ready starter kit for building SaaS applications with Next.js 14 and TypeScript.

Live Demo 🌐

https://saas-dashboard-starter.vercel.app/

Features 🚀

• 🎨 Modern UI Components: Built with ShadCN UI and Magic UI for beautiful, customizable components
• 🔐 Authentication: Secure user authentication with NextAuth.js
• 💫 Light Mode: Clean, modern design with light theme support
• 📱 Responsive Design: Fully responsive layout that works on all devices
• ⚡ Performance Optimized: Built with Next.js 14 for optimal performance
• 🎯 TypeScript: Full TypeScript support for type safety
• 🎨 Tailwind CSS: Styling with Tailwind CSS for consistent design

Tech Stack 🛠️

• Framework: Next.js 14
• Language: TypeScript
• UI Components: ShadCN UI, Magic UI
• Authentication: NextAuth.js
• Styling: Tailwind CSS
• Build Tool: Vite

Getting Started 🚀

1. Clone the repository:

   git clone https://github.com/the-mihir/saas-dashboard-starter.git
   

2. Install dependencies:

   npm install
   # or
   pnpm install
   # or
   bun install
   

3. Set up environment variables: Create a .env.local file in the root directory with your environment variables.

4. Run the development server:

   npm run dev
   # or
   pnpm dev
   # or
   bun dev
   

5. Open http://localhost:3000 in your browser to see the result.

Project Structure 📁

src/
├── app/              # Next.js app directory
├── components/       # Reusable components
├── lib/             # Utility functions and configurations
└── types/           # TypeScript type definitions

Contributing 🤝

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch
3. Commit your changes
4. Push to the branch
5. Create a new Pull Request

License 📄

This project is licensed under the MIT License - see the LICENSE file for details.

Support 🙏

If you find this project useful, please give it a ⭐️ star on GitHub!

Author 👨‍💻

Created by The Mihir

Made with ❤️ by The Mihir