messenger-clone Tailwind Templates

Messenger Clone

nextjs, react, pusher, nextauth, typescript, tailwindcss

Getting Started

A deployed version can be visited here:

https://messenger-clone-eight-navy.vercel.app

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

Tech stack will be using in the project:

  • Next.js: a full-stack language for web development
  • Prisma: an open source next-generation ORM, help to work with your database
  • Mongodb: cloud document oriented database.
  • NextAuth: Authentication provided by nextjs
  • Pusher: an easy way to implement serverless realtime features.
  • Typescript: Typesafety
  • TailwindCSS

-Axios: is one of the most iconic library in JS system, used to make HTTP requests.

  • bcrypt: password hashing for security
  • Cloudinary: a cloud-base photos uploader
  • Zustand: A react state management library.

You will need an .env file with your own setup to run the app in your localhost

Check the env.example file to see what you would need for the env file

Top categories

Loading Svelte Themes