Build React, Next.js full-stack Blogging app project from scratch beginner to advance. Next.js 14 App router full course with MongoDB, Prisma, uploadthing, NextAuth, Auth.js.

Support Us: https://www.patreon.com/CodeScrapper

If you have any Project Contact me: https://www.fiverr.com/mehtabkazmi

🌐 In this tutorial, we'll explore the powerful combination of Prisma, Tailwind CSS, MongoDB, uploadthing and Next.js 14 to create visually appealing and responsive Blog App. One of the highlights of this tutorial is the integration of uploadthing and prisma.

📌 What You'll Learn:

🔑 NextAuth, Auth.js, Prisma, Nextjs 14, upload images, MongoDB and Nodejs.

🔥 Prerequisites:

Basic to advance understanding of JavaScript and Nextjs is recommended.

Timestamps:

00:00 - Introduction

01:50 - Installation

04:40 - Responsive Navbar

21:35 - Footer Design

28:48 - Banner Design

39:30 - Category list design

49:55 - Blog list Design

01:10:40 - Sidebar (Popular Blogs) Design

01:24:00 - Contact page Design

01:40:37 - About us page Design

01:57:10 - Login page Design

02:06:50 - Google login (NextAuth, Auth.js)

02:20:05 - Nextjs MongoDB - Prisma Structure

02:49:25 - Create Blog Design (dashboard)

03:16:15 - Upload Images (uploadthing)

03:39:31 - Create Category Design

03:42:12 - Create category API and integration

03:57:45 - Fetch categories API and integration

04:07:00 - Create Blog API and integration

04:19:00 - Blog Details Design

04:54:25 - Fetch Popular Categories on home page

05:01:35 - Fetch Blogs with pagination

05:29:45 - Fetch Popular Blogs

05:34:40 - Get Blog Details API and display on frontend

05:46:05 - Create and fetch comments API and Integration

06:07:10 - Get Blogs By Category Design and integration

Whether you're a beginner taking your first steps into web development or a professional looking to level up your Blogging App skills, this tutorial provides hands-on guidance and valuable insights.

Dive into the world of website development with us! Don't forget to like, subscribe, and hit the notification bell to stay updated on more tutorials that will empower you on your web development journey.