React Node.js Blog App Full Tutorial (Infinite Scroll, User Roles, Filters) MERN Stack Blog Website
Full-Stack blog website tutorial with React 19, Express 5, MongoDB
Get Hostinger Discount: https://hostinger.com/lamadev10 Coupon Code: LAMADEV
Clerk Authentication: https://go.clerk.com/Ule6CTQ
ImageKit’s forever free plan: https://bit.ly/LamaDev
ImageKit Docs: https://bit.ly/3VXRK7u
If it is valuable to you, you can join Lama Dev: / @lamadev
Source Code:
Start here: https://github.com/safak/full-stack-b...
Completed: https://github.com/safak/full-stack-b...
Join Lama Dev groups
X / Twitter: https://x.com/lamawebdev
Facebook: / lamadev
Instagram: / lamawebdev
Discord: / discord
Deployment console codes: https://github.com/safak/youtube/tree... (Step 1 to Step 6)
00:00 Introduction
03:52 Installation
07:30 React Tailwind Responsive Layout
11:23 React Tailwind Responsive Navbar
14:34 React Tailwind Hamburger Menu Desing
22:06 React Image Optimization Tutorial
31:00 React Router Dom Tutorial - React 19 Edition
36:32 5 React Router Dom Outlet Tutorial
40:04 React 19 Clerk Authentication Tutorial
47:47 Blog Website Homepage Design
55:44 Homepage Blog Category Section Design
01:02:25 Homepage Featured Posts Design
01:12:40 Post List Design
01:19:38 React Reducing Image Size
01:25:40 React Single Post Page Design
01:41:07 Comments Section Design
01:46:58 New Post Page Form Design
01:59:10 Post List Page Design
02:04:01 React Responsive Side Menu Design
02:10:34 Express 5 Tutorial
02:15:33 Express 5 Rest API Tutorial (Routes, Models, Controllers)
02:21:05 React 19 Express 5 MongoDB Tutorial with
02:27:04 Creating MongoDB Models with Mongoose
02:34:39 MongoDB Table(collection) Relationships
02:35:52 MERN Stack CRUD Tutorial
02:49:38 Express 5 Error Handling Tutorial
02:52:20 How to Add Clerk Users to a Database (Clerk Webhook Tutorial)
03:06:42 Express 5 Clerk Authorization (Protecting Routes)
03:14:34 Clerk Auth with a Backend API Using Bearer Token
03:20:30 React 19 React Query Tutorial
03:22:29 React 19 Data Fetching with React Query
03:27:35 React 19 Data Mutations with React Query
03:44:53 React 19 Image/Video Upload Tutorial
04:09:16 React 19 Infinite Scroll with React Query
04:25:00 Fetch Single Post Data using React Query
04:30:49 Fetching Post Comments
04:39:48 Add a New Comment with Mutations
04:45:06 Save and Delete Posts with React Query Optimistic Mutations
05:07:50 React Clerk User Roles Tutorial
05:10:20 MERN Stack Role-Based Authorization
05:25:07 React 19 Fetch Data with URL Params (Search Param Queries)
05:37:04 React 19 Search Functionality
05:41:56 React 19 Filter Lists and Re-fetch Data
05:45:50 MERN Stack Increase Page Visit
05:52:28 Fetch Featured Posts
05:57:06 How to Deploy Full Stack Applications to a VPS
06:06:32 VPS Full-Stack App Deployment with PM2
06:12:42 Outro
Watch video React Node.js Blog App Full Tutorial (Infinite Scroll, User Roles, Filters) MERN Stack Blog Website online without registration, duration hours minute second in high quality. This video was added by user Lama Dev 20 November 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 13,218 once and liked it 960 people.