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 User's 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 User's 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 Editor's 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!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024