This project is a robust and responsive dashboard application built with Next.js, Tailwind CSS, and NextAuth.js for authentication. It utilizes PostgreSQL for data management via Vercel's platform. This Project was made using Next.js Docs.
- Responsive Design: Built with Tailwind CSS for a mobile-first, responsive design.
- Authentication: Implemented using NextAuth.js for secure and flexible authentication.
- Dynamic Routing: Utilizes Next.js' dynamic routing capabilities.
- Optimized Performance: Leverages Next.js' server-side rendering (SSR) and static site generation (SSG) for optimal performance.
- User-Friendly UI: Clean and intuitive user interface.
To run this project locally, follow these steps:
- Node.js: Ensure you have Node.js installed. You can download it from Node.js.
- Git: Ensure you have Git installed. You can download it from Git.
-
Clone the repository:
git clone https://github.com/amaan-p/Next-Js-Dashboard.git cd Next-Js-Dashboard
-
Install required packages:
npm install
-
Set up environment variables: Create a
.env.local
file in the root directory of the project and add the following environment variables:POSTGRES_URL= POSTGRES_PRISMA_URL= POSTGRES_URL_NO_SSL= POSTGRES_USER= POSTGRES_HOST= POSTGRES_PASSWORD= POSTGRES_DATABASE= AUTH_SECRET= AUTH_URL=http://localhost:3000/api/auth
-
Run the application: Start the development server:
npm run dev
By default, Next.js will run the app on http://localhost:3000.
-
Credentials To Login use:
email: [email protected] password: 123456
Open your web browser and go to http://localhost:3000. Log in to access the dashboard and explore its features.
- Next.js
- Tailwind CSS
- NextAuth.js
- PostgreSQL (via Vercel)
Contributions are welcome. Please fork this repository and submit a pull request for any improvements or bug fixes.
This project is licensed under the MIT License.