Skip to content

JohnMwendwa/nextjs-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

6c4ff3b Β· Feb 12, 2025
Nov 30, 2023
Nov 30, 2023
Nov 21, 2023
Feb 8, 2025
Nov 21, 2023
Nov 21, 2023
Nov 21, 2023
Feb 12, 2025
Nov 28, 2023
Nov 28, 2023
Nov 28, 2023
Nov 21, 2023
Nov 28, 2023
Nov 28, 2023
Nov 21, 2023
Nov 21, 2023
Nov 21, 2023
Nov 21, 2023

Repository files navigation

πŸš€ Next.js Admin Dashboard

An admin dashboard built using Next.js framework and Tailwind CSS

πŸ› οΈ How to Run This Project

πŸ“‹ Prerequisites

  • Ensure you have Node.js installed.
  • Ensure you have npm or yarn installed.

🌐 Environment Variables

Create a .env file in the root of your project and add the following environment variables:

// Postgress Database
POSTGRES_URL=
POSTGRES_PRISMA_URL=
POSTGRES_URL_NON_POOLING=
POSTGRES_USER=
POSTGRES_HOST=
POSTGRES_PASSWORD=
POSTGRES_DATABASE=

// Auth
AUTH_SECRET=
AUTH_URL=http://localhost:3000

πŸ—„οΈ Setting up your vercel Postgres database

  1. Deploy your project to vercel or visit Next.js deployment documentation for step by step guide
  2. Navigate to the Storage tab once your project is deployed
  3. Select Create Database and choose Postgres and click Continue.
  4. Choose your region and storage plan, if required
  5. Once connected, navigate to the .env.local tab, click Show secret and Copy Snippet. Make sure you reveal the secrets before copying them.
  6. Navigate to your code editor and rename the .env.example file to .env. Paste in the copied contents from Vercel.

🌱 Seeding the database

Now that your database has been created, let's seed it with some initial data.

To seed your database, run the following command

 npm run seed

πŸš€ Start your local server

To start your local server, run the following command:

npm run dev

πŸ”‘ Default Account Credentials

Once you've seeded your database with the initial data, the default login creadentials are:

Email: user@nextmail.com
Password: 123456

πŸ’‘ Pro Tip

"Great dashboards are built with great attention to detail. Keep iterating and improving!"

🀝 Contributing

I welcome all kinds of contributions! Feel free to open issues or submit pull requests.

About

An admin dashboard built with Next.js and Tailwind css

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published