Skip to content

A dashboard application built with Next.js using the new App Router. This project serves as a learning exercise for building a full-stack application following the official Next.js documentation.

Notifications You must be signed in to change notification settings

JohnMarkDev/nextjs-dashboard

Repository files navigation

Next.js Dashboard Application

This is a dashboard application built with Next.js, based on the Next.js App Router Course. It includes features like a dashboard overview, customer and invoice management.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

  • npm

    npm install npm@latest -g

Installation

  1. Clone the repo

    git clone https://github.com/JohnMarkDev/nextjs-dashboard.git
  2. Install NPM packages

    npm install
  3. Start the development server

     npm run dev

Features

  • Dashboard Overview: A central hub with key metrics and visualizations.
  • Customer Management: View and manage customer data.
  • Invoice Management: Track and manage invoices.
  • Data Fetching: Fetches data from a PostgreSQL database.
  • Authentication: User authentication with NextAuth.js.

Tech Stack

  • Next.js - React framework for production.
  • React - A JavaScript library for building user interfaces.
  • TypeScript - A typed superset of JavaScript.
  • Tailwind CSS - A utility-first CSS framework.
  • PostgreSQL - A powerful, open source object-relational database system.
  • NextAuth.js - Authentication for Next.js.

About

A dashboard application built with Next.js using the new App Router. This project serves as a learning exercise for building a full-stack application following the official Next.js documentation.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages