nzrmm / vocagame-auth

-

Vocagame Auth

• Vocagame Auth - Dashboard
• Demo: Loom Record

Tech Stack

• Next v14 + Typescript (Frontend Framework)
• Tailwind CSS + Shadcn UI + Lucide Icon (CSS Utility)
• React Hot Toast (Notification)
• Next Auth v5 (Auth)
• Neon (Serverless PosgreSql)
• Prisma ORM (ORM for working with Serverless PosgreSql)
• React Hook Form + Zod (Validation Library)
• Eslint (Code Formatter Library)

Features

• Using Next v14 and Typescript
• Tailwind design with Shadcn UI
• Full responsiveness
• Swith between theme (blue, orange, or system)
• Implementing toast for success and error message
• Using Neon (Serverless PostgreSQL) for store registered data
• Using Prisma ORM for working with Neon (Serverless PosgreSQL)
• Credentials provider using Next Auth
• Login component
• Register component
• Impelementing server actions Next v14
• Implementing middleware for protected and unprotected route
• Implementing session with Next Auth
• Implementing session expired in 1 minute
• Edit profile in profile page
• Validate all forms before submitting

Prerequisites

• Install Node v18.18.0
• Install Yarn v1.22.19

Run Locally

Clone this repository.

  [email protected]:nzrmm/vocagame-auth.git

Install dependencies.

  yarn

Setup .env file with my configuration

DATABASE_URL="postgresql://nzrmm:[e-mail]/vocagame-auth?sslmode=require"
AUTH_SECRET="8ddd4c1e16d4680a3f35d50c0ced1aa1"

Setup Prisma

npx prisma generate
npx prisma db push --force-reset

Run development server

  yarn dev