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
1 view
1188
453
1 month ago 00:15:33 1
Harvest Hues Crochet Hat Tutorial
1 month ago 00:23:32 24
7 vocal tricks they use to hook you
2 months ago 00:29:43 1
30-Minute Full Body STRENGTH | Postpartum Workout (Dumbbells + DR Safe Abs and Core)
2 months ago 00:28:52 1
antiX 23.2 Linux – Proudly Anti-fascist “Antix Magic“ in an Environment Suitable for Old and New PC
2 months ago 00:04:01 1
VoizHub AI Review 🎯 Discount 🎯 $150,000 Bonus 🎯 Voiz Hub AI Review 🎯
2 months ago 00:17:31 1
Ubuntu LTS released • eol • Fifth & Final Point • Kernel 6.8 • Upgrade • Server, and Cloud
3 months ago 00:30:31 1
EXILE : ZIP DISKS & FLOPPIES (full album)
4 months ago 00:46:47 1
Full-Stack с нуля: ПЛАН действий для тех, кто проспал последние 10 лет
4 months ago 01:52:30 1
Let’s build a messenger clone with Laravel 11, Vue 3 and Reverb (2/3)
5 months ago 01:51:11 5
Let’s build a messenger clone with Laravel 11, Vue 3 and Reverb (1/2)
7 months ago 09:48:45 1
Data Structures and Algorithms in C | C Programming Full course | Great Learning
7 months ago 00:00:36 1
What is TALL Stack?
7 months ago 00:07:23 1
SIMA AI: Революция в Игровой Индустрии! Смотреть Обязательно!
7 months ago 00:25:33 12
Мастер-класс Весенний мини-альбом | Spring mini-album
8 months ago 00:02:49 1
Nightcore - Low (Lyrics) (AMV)
9 months ago 01:17:36 1
How To Reinvent Your Life In 4 Months (My Full Step-By-Step Process) | Cal Newport
10 months ago 00:19:22 1
Урок 1. Full-Stack практика. Создание JavaScript блога. Настройка Express сервера