Next.js Dashboard Template

A custom Next.js template for rapid dashboard development, tailored for scalable, responsive applications with user authentication, theming, and essential dashboard functionalities.

🚀 Features

• Pre-configured Dashboard Layout: Includes a responsive and customizable sidebar, navbar, and main content area.
• User Authentication: Basic setup ready for integrating authentication providers.
• Theming Support: Easily switch between light and dark themes with customizable options.
• Responsive Design: Optimized for desktop and mobile with a fluid grid system.
• Modern Tooling: Includes support for TypeScript, ESLint, and Prettier for cleaner and more maintainable code.

📦 Technologies

• Next.js - Framework for server-rendered React applications.
• React - Component-based UI library.
• Tailwind CSS - Utility-first CSS framework for easy styling and responsiveness.
• TypeScript - Optional static typing for better code quality and readability.

🛠 Getting Started

Prerequisites

• Node.js (v14 or newer recommended)
• Git for version control

Installation

1. Clone this repository:

   git clone https://github.com/danimc/next-dashboard-template
   cd next-dashboard-template
   

2. Define SHA token to Auth

   Next Auth needs an environment variable to use jwt tokens auth run:

   openssl rand -base64 32
   

   now paste the result on you .env file

   NEXTAUTH_SECRET=YOUR_TOKEN