This project is a Next.js dashboard that I developed as part of a course. It provides a user-friendly interface for managing and visualizing data. The dashboard is built using Next.js, a popular React framework for server-side rendering and static site generation.
- Authentication: The dashboard includes a secure authentication system that allows users to sign up, log in, and manage their accounts.
- Data Visualization: It provides interactive charts and graphs to visualize data in a visually appealing and informative way.
- Responsive Design: The dashboard is responsive and optimized for various screen sizes, ensuring a seamless user experience on different devices.
- Admin Panel: Administrators have access to additional features and can manage user accounts, data sources, and dashboard settings.
- Data Management: The dashboard allows users to import, export, and manipulate data from various sources, providing flexibility in data management.
- Next.js: A React framework for server-side rendering and static site generation.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- Vercel: A serverless hosting platform for deploying Next.js applications.
- PostgreSQL: An open-source relational database management system.
To run this dashboard locally, follow these steps:
- Clone the repository:
git clone https://github.com/abitewaddisu/Nextjs-Dashboard.git - Install dependencies:
npm install - Set up the PostgreSQL database:
- Create a new PostgreSQL database and configure the necessary tables and schema.
- Update the database connection configuration in the project code.
- Start the development server:
npm run dev - Open the dashboard in your browser:
http://localhost:3000
Use the following credentials to login:
- Email: user@nextmail.com
- Password: 123456
To deploy the dashboard, you can follow the deployment instructions for Next.js and choose a hosting platform that supports Next.js applications. Some popular options include Vercel, Netlify, and AWS Amplify.