Next.js Dashboard Application

This is a Next.js project that I have deployed. You can view the live application at next.sabari.dev.

About

This project is a dashboard application built using Next.js and styled with Tailwind CSS. It serves as a practical implementation of the skills I have learned in Next.js and Tailwind CSS.

Tech Stack

• Next.js: A React framework for building server-side rendered and statically generated web applications.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• PostgreSQL: A powerful, open-source object-relational database system.

Deployment

The application is deployed and can be accessed at next.sabari.dev.

Learning Resources

I have learned Next.js and Tailwind CSS through various resources, including the Next.js documentation and the Tailwind CSS documentation.

Course

For more information on learning Next.js, see the course curriculum on the Next.js website.

Portfolio

You can view my portfolio at sabari.dev.

Author

This project was created by Sabarinathan R.

How to Start the Application

To start the application locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/sabarinathan07/nextjs-dashboard.git
   cd nextjs-dashboard
   

2. Install the dependencies:

   npm install
   
   

3. Set up the environment variables: Create a .env.local file in the root directory and add your PostgreSQL credentials and other necessary environment variables. Refer to the .env.example file for the required variables.

4. Run the development server:

   npm run dev
   

5.Open your browser and navigate to http://localhost:3000 to view the application.