Full-Stack Blog App Tutorial | MongoDB Blog App Project Full Course

React full-stack app project for beginners. 13 App router full course with MongoDB Get Hostinger Discount: Coupon Code: LAMADEV If it is valuable to you, you can support Lama Dev. Join: Buy me a coffee: Source Code: Start here: Completed: How to create and copy an SSH key in the terminal: (Step 1 to Step 6) App structure: 00:00 Introduction 03:08 Installation 04:15 Design Structure 06:25 Styles, Layouts, Containers 10:35 CSS Responsive Layout Tutorial 14:30 CSS Styles and Layout 20:00 Responsive Navbar Design 28:40 CSS Dark Mode Theme Toggle Design 31:25 Context API Tutorial 45:40 Responsive Hamburger Menu Tutorial 54:00 Blog App Featured Post Design 58:30 Blog App Category Component Design 01:06:40 CSS Flexbox (Content - Side Menu Design) 01:08:00 Blog Post Card Component Design 01:15:00 Side Menu Component Design 01:32:10 Pagination Button Design 01:33:20 Footer Component Design 01:42:20 Blog Category Page Design 01:45:05 Single Post Page Design 02:02:50 Login Page Design 02:08:50 Add New Post Page Design ([]() Editor Clone) 02:20:10 API - MongoDB - Prisma Structure 02:22:17 Authentication Tutorial () 02:26:10 How to Sign in with Google 02:33:48 MongoDB Prisma Tutorial (App Router) 02:42:50 Prisma Blog App Schema Example 02:58:50 App Router Rest API Tutorial 02:51:34 How to Fetch Data on the Server Side 02:54:53 Fetch All Posts 02:55:25 Pagination Tutorial (SSR) 03:08:30 Send a Query to API (Fetch Post by Category) 03:14:49 Fetch a Single Post with the User Information 03:21:30 Fetch All Comments of a post 03:23:22 Client Side Data Fetching (App Router) 03:30:38 Create a Comment 03:33:32 SWR Mutation 03:36:36 Add New Post 03:37:35 How to Upload Image using Firebase 03:54:09 Prisma Increase Post View 03:56:40 How to Deploy App to a VPS Server 04:05:30 Outro