Next.JS 13 Advance SaaS Project- Build Blog Posting Platform

Next.JS 13 Advance SaaS Project: Build Blog Posting Platform, available at $59.99, has an average rating of 4.35, with 60 lectures, based on 14 reviews, and has 99 subscribers.

You will learn about Learn How to create a Fully Authenticated Blog Posting SaaS Learn latest technologies with NextJS 13 Concepts Create a Responsive Design With Tailwind, shadCN UI Integrate NextAuth (AuthJS), Prisma, MongoDB Learn Modern Development With Image Upload To Cloudinary, Rich Text Editor, Google and Github Sign In and Much More. This course is ideal for individuals who are Next/React/MERN Developers who wants to learn how to build an advance and real world apps with Nextjs or Any Level JavaScript Developer With Basic API and Frontend Knowledge It is particularly useful for Next/React/MERN Developers who wants to learn how to build an advance and real world apps with Nextjs or Any Level JavaScript Developer With Basic API and Frontend Knowledge.

Enroll now: Next.JS 13 Advance SaaS Project: Build Blog Posting Platform

Summary

Title: Next.JS 13 Advance SaaS Project: Build Blog Posting Platform

Price: $59.99

Average Rating: 4.35

Number of Lectures: 60

Number of Published Lectures: 60

Number of Curriculum Items: 60

Number of Published Curriculum Objects: 60

Original Price: ?799

Quality Status: approved

Status: Live

What You Will Learn

Learn How to create a Fully Authenticated Blog Posting SaaS

Learn latest technologies with NextJS 13 Concepts

Create a Responsive Design With Tailwind, shadCN UI

Integrate NextAuth (AuthJS), Prisma, MongoDB

Learn Modern Development With Image Upload To Cloudinary, Rich Text Editor, Google and Github Sign In and Much More.

Who Should Attend

Next/React/MERN Developers who wants to learn how to build an advance and real world apps with Nextjs

Any Level JavaScript Developer With Basic API and Frontend Knowledge

Target Audiences

Next/React/MERN Developers who wants to learn how to build an advance and real world apps with Nextjs

Any Level JavaScript Developer With Basic API and Frontend Knowledge

Learn how to build a fully-featured SaaS blog posting application with Next.js 13, NextAuth, Prisma, MongoDB, Typescript, React, Tailwind, ShadCN UI, middlewares, API routes, passwordless sign-in, protected routes, rich text editor, and Image upload to Cloudinary.

This course is perfect for developers who want to learn how to build a modern, scalable, and secure blog posting application. We will cover all the essential concepts and technologies, including:

Next.js 13: A React framework that makes it easy to build server-rendered and static websites.

NextAuth: A headless authentication solution for Next.js applications.

Prisma: A modern ORM that makes it easy to interact with MongoDB from TypeScript.

MongoDB: A scalable and flexible NoSQL database.

Typescript: A typed programming language that helps to prevent errors.

React: A popular JavaScript library for building user interfaces.

Tailwind CSS: A utility-first CSS framework that makes it easy to style your application.

ShadCN UI: A beautiful and responsive UI library for Next.js applications.

Middlewares: Custom code that runs between the client and server.

API routes: Routes that expose your application’s data to other applications.

Passwordless sign in: A secure and convenient way for users to sign in to your application.

Protected routes: Routes that can only be accessed by logged-in users.

Rich text editor: A tool that allows users to create and edit rich text content.

Image upload to Cloudinary: A service that makes it easy to upload and store images.

By the end of this course, you will have the skills and knowledge to build your own SaaS blog posting application. You will also be able to apply these skills to build other types of web applications.

What you will learn:

How to set up a Next.js 13 project with NextAuth, Prisma, MongoDB, and Typescript.

How to build a user authentication system with NextAuth.

How to interact with MongoDB from TypeScript using Prisma.

How to create a beautiful and responsive UI with Tailwind CSS and ShadCN UI.

How to add middlewares to your application to protect it from attacks.

How to expose your application’s data to other applications using API routes.

How to implement passwordless sign in for your users.

How to protect routes in your application so that only logged-in users can access them.

How to use a rich text editor to create and edit rich text content.

How to upload images to Cloudinary and display them in your application.

Who this course is for:

Developers who want to learn how to build a modern, scalable, and secure blog posting application.

Developers who want to learn how to use Next.js 13, NextAuth, Prisma, MongoDB, Typescript, React, Tailwind CSS, ShadCN UI, middlewares, API routes, passwordless sign in, protected routes, rich text editor, and image upload to Cloudinary.

Developers who want to learn the latest trends in web development.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Setting Up Things

Lecture 1: Source Code

Lecture 2: Creating a new Next.JS 13 App

Chapter 3: Setting Up Backend Of Our Project

Lecture 1: What is Prisma? How to set it up?

Lecture 2: What are Database Models (Schemas)? How we can define in this application

Lecture 3: Setup MongoDB Database Connection With Prisma

Lecture 4: Defining Models For Prisma and MongoDB (With Relations)

Chapter 4: Adding Authentication: Introduction and Setup NextAuth.js (Auth.js)

Lecture 1: Deep Dive Introduction To NextAuth

Lecture 2: Setting Up NextAuth For Our Application

Lecture 3: Setup Google, GIthub, Credentials Provider (Email and Password)

Lecture 4: Create User Registration Route For User Signup Via Credentials

Lecture 5: Finishing Setting Up Everything With Credentials Provider

Lecture 6: Getting Users Session Data In React Server Components

Lecture 7: Getting Session Data In Client Components

Chapter 5: Building Backend API for Blogs CRUD For Our Application

Lecture 1: Analysing Steps To Build API

Lecture 2: Building Users API Endpoints and Handlers

Lecture 3: Building Categories API Endpoints and Handlers

Lecture 4: Setting Up Cloudinary For Blog Insertions

Lecture 5: Add Blog Handler

Lecture 6: Completing BLOGS Operations

Lecture 7: Summary

Chapter 6: Settting Up Frontend and Designing Basic Layouts

Lecture 1: Setting Up Frontend

Lecture 2: Designing Header Of Application

Lecture 3: Desinging Homepage Carousel

Lecture 4: Getting Blogs From Server

Lecture 5: Setting up ShadCN UI

Lecture 6: Desinging Blog Item Card

Lecture 7: Limiting Amount Of Words To Display in Card

Lecture 8: Design Links For Exploring More Articles

Lecture 9: Designing Footer

Chapter 7: Designing Blogs Page

Lecture 1: Designing Blogs Home With Filters and Search

Lecture 2: Rendering Real Data To Blogs

Chapter 8: Designing Blog Writing Page With Rich Text Editor

Lecture 1: Starting Blogs Add Page

Lecture 2: Preview Selected Image From Local

Lecture 3: Adding Dropdowns and Editor

Lecture 4: Implementing React Hook Form For Handling Form

Lecture 5: Getting Rich Text Editors Data

Lecture 6: Customizing NextAuth For Adding ID in Session

Lecture 7: Sending Post To Database

Chapter 9: Designing Blog View Page

Lecture 1: Designing View Page

Chapter 10: Designing Profile Page

Lecture 1: Design Structure

Lecture 2: Adding Real Data To Profile

Chapter 11: Designing Edit Page Of Blog

Lecture 1: Design The Structure

Lecture 2: Rendering HTML Data to Rich Text Editor

Lecture 3: Adding Animations

Lecture 4: Working on cache

Lecture 5: Blog Delete Functionality

Chapter 12: Desinging Search Page Functionality

Lecture 1: Designing Search Page

Lecture 2: Sending API Request

Lecture 3: Remaining Functionalities

Chapter 13: Adding Google And Github Sign In

Lecture 1: Adding Passwordless sign in

Lecture 2: Customizing NextAuth For Storing Google and Github Signed In Accounts

Lecture 3: Designing Customized Login Page

Lecture 4: Completing Login

Lecture 5: Adding User Register Frontend

Chapter 14: Optimizing and Addons

Lecture 1: Fixing Blogs Page Filters

Lecture 2: Adding Location In BlogCard

Lecture 3: Protecting Routes With Middlewares

Lecture 4: Making Header Responsive

Lecture 5: Logout Functionality

Instructors

Indian Coders
Platform for Learning And Development

Rating Distribution

1 stars: 1 votes

2 stars: 0 votes

3 stars: 0 votes

4 stars: 4 votes

5 stars: 9 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!