kaifcoder/messenger_clone

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

Getting Started

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.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Real-time messaging using Pusher
Message notifications and alerts
Tailwind design for sleek UI
Tailwind animations and transition effects
Full responsiveness for all devices
Credential authentication with NextAuth
Google authentication integration
Github authentication integration
File and image upload using Cloudinary CDN
Client form validation and handling using react-hook-form
Server error handling with react-toast
Message read receipts
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)
How to fetch data in server React components by directly accessing the database (WITHOUT API! like Magic!)
Handling relations between Server and Child components in a real-time environment
Creating and managing chat rooms and channels

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.