Udemy

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

Enroll Now
  • 102 Students
  • Updated 8/2023
4.4
(14 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
7 Hour(s) 40 Minute(s)
Language
English
Taught by
Indian Coders
Rating
4.4
(14 Ratings)
2 views

Course Overview

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

Learn How To Build A Full Stack Real World Blog Posting Platform Like Medium With Latest Techs In Web Development

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 Content

  • 10 section(s)
  • 60 lecture(s)
  • Section 1 Introduction
  • Section 2 Setting Up Things
  • Section 3 Setting Up Backend Of Our Project
  • Section 4 Adding Authentication: Introduction and Setup NextAuth.js (Auth.js)
  • Section 5 Building Backend API for Blogs CRUD For Our Application
  • Section 6 Settting Up Frontend and Designing Basic Layouts
  • Section 7 Designing Blogs Page
  • Section 8 Designing Blog Writing Page With Rich Text Editor
  • Section 9 Designing Blog View Page
  • Section 10 Designing Profile Page

What You’ll 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.

Reviews

  • H
    Helens41
    4.5

    Everything seems to be perfectly fine ;)

  • A
    Argyrios Papoulidis
    1.0

    Not only i but others tried to ask something..The instructor not respond to everyone..

  • Q
    Quoc Cao
    5.0

    Good course!

  • S
    Sarthak Chauhan
    5.0

    Excellent Course One thing to mention, the instructor uses App Router which is latest, so if anyone coming from pages one first get a little understanding. Overall good course to learn so much of techs.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed