profile

Dhany Hidayat

Back

Next JS Task Management

This is a Fullstack Next JS Task Management Project with server actions CRUD

Tech Stack :
NextAuth
Source Code
|
Live Demo
Next JS Task Management
This is Fullstack CRUD Task Management Project. Built from scratch using Next JS 14, TypeScript, Tailwind CSS, Shadcn-UI, Prisma, PostgreSQL, and NextAuth.

Installation

  1. Clone this repository to your local machine using:
  2. Navigate to the project directory:
  3. Install the dependencies:

Usage

  1. Configure your settings in the .env file.
  2. Get the Google Secret key in Google Cloud Console until get this :
    then copy the key, and paste into your .env file
  3. Add this to your .env file :
  4. Connect your database using Postgresql (in my case I'm using Aiven)
  5. Paste your database url like this :
  6. Run the Prisma migration to set up your database schema:
  7. Start the development server:
  8. Access the application in your browser at http://localhost:3000.

Reference

  1. Design UI : Behance
  2. Documentation :