lyquangthai1993 / react-nextjs-chat-app Goto Github PK

This is a Next.js project bootstrapped with create-next-app.

npm i

DATABASE_URL=
NEXTAUTH_SECRET=

NEXT_PUBLIC_PUSHER_APP_KEY=
PUSHER_APP_ID=
PUSHER_SECRET=

NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=

GITHUB_ID=
GITHUB_SECRET=

GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

npx prisma db push

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

• Real-time messaging using Pusher
• Message notifications and alerts
• Tailwind design
• Full responsive
• Credential authentication with NextAuth, Google, Github
• File and image upload using Cloudinary CDN
• Handle form by react-hook-form
• Error handling with react-toast
• Online/offline user status
• Group chats and one-on-one messaging
• Message attachments and file sharing
• User profile customization and settings
• How to write POST, GET, and DELETE routes in route handlers (app/api)