DEV Community

MD Taseen Khan
MD Taseen Khan

Posted on • Originally published at reactjsexample.com on

A Twitter Clone with Next.js React.js TypeScript MongoDB and Node.js

Building a Twitter Clone with Next.js React.js TypeScript MongoDB and Node.js

A Twitter Clone with Next.js React.js TypeScript MongoDB and Node.js

A Twitter Clone with Next.js React.js TypeScript MongoDB and Node.js

๐Ÿš€ Dive into the world of modern web development with our latest project โ€“ a Twitter Clone! ๐Ÿฆ In this exciting video we walk you through the technology stack we used to bring this social media platform to life.

๐Ÿš€ Demo

https://x.sammi.pro/

๐Ÿง Features

Hereโ€™re some of the projectโ€™s best features:

  • Authentication system
  • Following functionality
  • Comments / Replies
  • Likes functionality
  • Google / Github authorization

๐Ÿ› ๏ธ Installation Steps:

  1. Cloning the repository
https://github.com/samarbadriddin0v/twitter-clone

Enter fullscreen mode Exit fullscreen mode
  1. Install packages
npm install

Enter fullscreen mode Exit fullscreen mode
  1. Setup .env file
GITHUB_CLIENT_ID=


GITHUB_CLIENT_SECRET=


GOOGLE_CLIENT_ID=


GOOGLE_CLIENT_SECRET=


NEXTAUTH_URL=


MONGO_URI=


NEXTAUTH_JWT_SECRET=


NEXTAUTH_SECRET=

Enter fullscreen mode Exit fullscreen mode
  1. Start the app
npm run dev

Enter fullscreen mode Exit fullscreen mode

๐Ÿ’ป Built with

Technologies used in the project:

  • ReactJS
  • NextJS
  • NodeJS
  • ExpressJS
  • TailwindCSS
  • Next auth
  • MongoDB
  • Mongoose
  • Lodash

GitHub

View Github

Top comments (0)