React Node Twitter Clone App PART 1 Backend Full Tutorial (Redux, JWT, Cookies) | MERN Stack App

Опубликовано: 14 Май 2026
на канале: Oliver the DEV

11,655

274

Build a Fullstack Twitter Clone from scratch using React, Node, Redux, JWT and more.

📑FREE Modern Next.js 15+ Guide: https://oliverthedev.com/next15guide
🚀The Ultimate Modern Next.js Complete Course 2024: https://www.udemy.com/course/ultimate...

💡 OLIVER THE DEV COMMUNITY:
https://nas.io/oliver-the-dev (Support me for the price of a coffee & get exclusive content and resources for career advancement)

✅ SUBSCRIBE SO YOU DON’T MISS ANY TUTORIALS
   / @oliverthedev

📌Link to Project File: https://github.com/oliver-gomes/twitt... (Give a Star ⭐)

This tutorial series we are going to build Twitter Clone with React, Redux, Node, Mongodb and Firebase.

This is Part 1 of the series
Part 2 Frontend:    • React Node Twitter Clone App PART 2 Fronte...
Part 3 Final:    • React Node Twitter Clone App PART 3 Final ...

In Part 1, we will be going over the backend setting up the routes, backend logic handling, connecting to database, making changes to database. We will also build authentication of user with help of JWT and cookies. Then moving on to more Twitter heavy features like following, unfollowing, creating tweets and exploring other user's tweets as well.

In this full series, you'll learn:
React
React-Redux
Node.js
Database (Mongodb, Firebase)
Testing backend features with Postman
Authentication (JWT Tokens, Cookies)
Styling with Tailwind CSS
React Router Dom v6

◼️Github: https://github.com/oliver-gomes

📍Connect with me:
Twitter:   / oliver_thedev
Instagram:   / oliverthedev
Twitch:   / oliver_thedev

Timestamps:
00:00 Introduction
01:04 App Overview
06:07 How to arrange Backend Node.js App
07:40 Starting our Backend Server
13:55 How to start the Database with Mongodb
15:27 How to connect Mongodb with Node.js
20:55 Build User Data Model/Schema
26:00 Build our User Routes
29:06 Install Postman to test our Backend Routes
35:08 Authentication - Signup and Signin
1:03:39 User Features - Get, Update, Delete, Follow and Unfollow User
1:39:14 Build Tweet Data Model/Schema
1:41:36 Tweet Features - Get, Post, Delete, Like and Dislike Tweet
2:16:00 Outro

#reactjs #nodejs #mernstack #twitter