🧿 Admin Panel

A modern admin panel application built with Next.js, React, Tailwind CSS, Redux Toolkit, Redux Saga, and NextAuth. The panel includes features like content management, user management, and statistical visualizations.

🔑 Demo Login

You can log in with the following credentials:

Username: Admin

Password: 123

🚀 Technologies

• Next.js — React framework with SSR & SSG support
• Tailwind CSS — Utility-first CSS framework
• React & Redux Toolkit — State management
• Redux-Saga — Middleware for managing side effects
• NextAuth — Authentication and session management
• @nextui-org/react & @headlessui/react — Modern UI component libraries
• Tremor — Data visualization components for dashboards
• Jodit React / react-draft-wysiwyg — Rich text editors
• js-cookie, slugify, moment, uuid — Utility libraries

🧪 Features

• 🔐 Authentication & session management (via NextAuth)
• ⚙️ Dynamic and modular admin panel
• 📊 Statistical visualizations with Tremor
• ✍️ Rich text editors (Jodit + Draft)
• 🚀 Performance optimizations
• 🌙 Optional dark mode
• 🔁 API integrations and CRUD operations

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.