Full-Stack blog site website tutorial with React 19, Express 5, MongoDB
Obtain Hostinger Price cut: https://hostinger.com/lamadev10 Discount coupon Code: LAMADEV
Clerk Authentication: https://go.clerk.com/Ule6CTQ
ImageKit’s permanently free plan: https://bit.ly/LamaDev
ImageKit Docs: https://bit.ly/3VXRK7u
If it is valuable to you, you can join Lama Dev: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join
Resource Code:
Start below: https://github.com/safak/full-stack-blog/tree/starter
Completed: https://github.com/safak/full-stack-blog/tree/completed
Sign up with Lama Dev groups
X/ Twitter: https://x.com/lamawebdev
Facebook: https://www.facebook.com/groups/lamadev
Instagram: https://www.instagram.com/lamawebdev
Discord: https://discord.gg/yKremu4mPr
Implementation console codes: https://github.com/safak/youtube/tree/mern-deployment (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 making use of 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.