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

YouTube

How To Create Full Stack Blog App Using Next.js and MongoDB - Backend, Frontend and Admin Project

GreatStack via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build a comprehensive full-stack blog application using Next.js, MongoDB, and Tailwind CSS in this step-by-step tutorial. Master the complete development process by creating a frontend blog website, backend API system, and admin dashboard for content management. Start by setting up the Next.js project and designing the user interface components including header, blog list, category filtering, and footer sections. Build individual blog post pages with dynamic routing and responsive layouts using Tailwind CSS. Develop a robust backend system by configuring MongoDB database connections and creating RESTful APIs for data management. Construct an admin dashboard with authentication, blog post creation, editing, and deletion capabilities. Implement advanced features such as email subscription functionality and subscriber management. Practice modern web development techniques including server-side rendering, API route handling, database operations, and responsive design principles. Access downloadable project assets and source code to follow along with the hands-on coding exercises covering frontend development, backend architecture, database integration, and admin panel creation.

Syllabus

00:00 Project Overview
06:43 Setup Next JS Project
12:49 Create Header section
25:02 Create Blog List for Home page
41:42 Filter blog by Category
47:33 Create Footer
52:25 Create Blog Post page
01:26:34 Start building Backend
01:28:14 Setup MongoDB Database
01:40:25 Create API
02:03:20 Create Admin Dashboard
02:22:14 Create Add Product Page
03:03:46 Display blog list using API
03:19:52 Create Blog List Page for Admin
03:43:02 Create Delete Blog Feature
03:56:56 Create Email subscription Feature
04:14:11 Create Email subscription Page for Admin

Taught by

GreatStack

Reviews

Start your review of How To Create Full Stack Blog App Using Next.js and MongoDB - Backend, Frontend and Admin 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.