Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Full-Stack Blog App Tutorial - Next.js MongoDB Blog App Project

Lama Dev via YouTube

Overview

This course teaches beginners how to create a full-stack blog app project using React Next.js and MongoDB. The learning outcomes include understanding Next.js app routing, CSS styling, responsive design, context API, authentication, MongoDB integration, Prisma schema, REST API usage, server-side data fetching, and deployment to a VPS server. The course employs a tutorial-based teaching method with hands-on design and coding examples. The intended audience for this course is beginners looking to enhance their skills in full-stack web development using Next.js and MongoDB.

Syllabus

Introduction
Installation
Design Structure
Styles, Layouts, Containers
CSS Responsive Layout Tutorial
Next.js CSS Styles and Layout
Responsive Navbar Design
CSS Dark Mode Theme Toggle Design
Next.js Context API Tutorial
Next.js Responsive Hamburger Menu Tutorial
Blog App Featured Post Design
Blog App Category Component Design
CSS Flexbox Content - Side Menu Design
Blog Post Card Component Design
Side Menu Component Design
Pagination Button Design
Footer Component Design
Blog Category Page Design
Single Post Page Design
Next.js Login Page Design
Add New Post Page Design [Medium.com]http://Medium.com Editor Clone
Next.js API - MongoDB - Prisma Structure
Next.js Authentication Tutorial Auth.js
Next.js How to Sign in with Google
Next.js MongoDB Prisma Tutorial App Router
Prisma Blog App Schema Example
Next.js App Router Rest API Tutorial
Next.js How to Fetch Data on the Server Side
Fetch All Posts
Next.js Pagination Tutorial SSR
Next.js Send a Query to API Fetch Post by Category
Fetch a Single Post with the User Information
Fetch All Comments of a post
Next.js Client Side Data Fetching App Router
Create a Comment
Next.js SWR Mutation
Add New Post
How to Upload Image using Firebase
Prisma Increase Post View
How to Deploy Next.js App to a VPS Server
Outro

Taught by

Lama Dev

Reviews

Start your review of Full-Stack Blog App Tutorial - Next.js MongoDB Blog App Project

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.