Play all

Introduction

Installation

React Tailwind Responsive Layout

React Tailwind Responsive Navbar

React Tailwind Hamburger Menu Desing

React Image Optimization Tutorial

React Router Dom Tutorial - React 19 Edition

5 React Router Dom Outlet Tutorial

React 19 Clerk Authentication Tutorial

Blog Website Homepage Design

Homepage Blog Category Section Design

Homepage Featured Posts Design

Post List Design

React Reducing Image Size

React Single Post Page Design

Comments Section Design

New Post Page Form Design

Post List Page Design

React Responsive Side Menu Design

Express 5 Tutorial

Express 5 Rest API Tutorial Routes, Models, Controllers

React 19 Express 5 MongoDB Tutorial with

Creating MongoDB Models with Mongoose

MongoDB Tablecollection Relationships

MERN Stack CRUD Tutorial

Express 5 Error Handling Tutorial

How to Add Clerk Users to a Database Clerk Webhook Tutorial

Express 5 Clerk Authorization Protecting Routes

Clerk Auth with a Backend API Using Bearer Token

React 19 React Query Tutorial

React 19 Data Fetching with React Query

React 19 Data Mutations with React Query

React 19 Image/Video Upload Tutorial

React 19 Infinite Scroll with React Query

Fetch Single Post Data using React Query

Fetching Post Comments

Add a New Comment with Mutations

Save and Delete Posts with React Query Optimistic Mutations

React Clerk User Roles Tutorial

MERN Stack Role-Based Authorization

React 19 Fetch Data with URL Params Search Param Queries

React 19 Search Functionality

React 19 Filter Lists and Re-fetch Data

MERN Stack Increase Page Visit

Fetch Featured Posts

How to Deploy Full Stack Applications to a VPS

VPS Full-Stack App Deployment with PM2

Outro

Description:

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only! Grab it Learn to build a comprehensive full-stack blog website in this 6-hour tutorial using the MERN stack (MongoDB, Express 5, React 19, Node.js). Master modern web development techniques including infinite scroll functionality, user role management, and filtering systems. Start with the fundamentals of setting up a responsive layout using Tailwind CSS, implement secure authentication with Clerk, and progress to advanced features like image optimization and hamburger menu design. Dive deep into Express 5 REST API development, MongoDB database modeling, and relationship management. Explore React Query for efficient data fetching, mutations, and state management. Implement advanced features such as image/video uploads, infinite scrolling, comment systems, and role-based authorization. Learn practical skills in search functionality, URL parameter handling, and filter implementations. Conclude with a comprehensive guide to deploying the full-stack application to a VPS using PM2. Perfect for developers looking to build professional-grade blog platforms with modern web technologies and best practices. Read more

Building a MERN Stack Blog with Infinite Scroll, User Roles, and Filters

Lama Dev

Add to list

#Programming #Programming Languages #Javascript #React #Web Development #Node.Js #Databases #NoSQL Databases #MongoDB #React Query #REST APIs

0:00 / 0:00