Next.JS 13 Advance SaaS Project: Buil...

Description

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.

Who this course is for:

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

Requirements

Basic NextJS 13 Knowledge Required. You can watch the resources provided in course description.

Last Updated 8/2023

Files (119)

[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/9. Designing Blog View Page/1. Designing View Page.mp4242.88 MiB
TutsNode.org.txt63 B
[TGx]Downloaded from torrentgalaxy.to .txt585 B
.pad/0127.09 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/5. Building Backend API for Blogs CRUD For Our Application/5. Add Blog Handler.mp4211.26 MiB
.pad/1756.65 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/13. Adding Google And Github Sign In/3. Designing Customized Login Page.mp4168.85 MiB
.pad/2153.5 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/8. Designing Blog Writing Page With Rich Text Editor/7. Sending Post To Database.mp4142.14 MiB
.pad/3885.08 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/14. Optimizing and Addons/4. Making Header Responsive.mp4139.89 MiB
.pad/4108.58 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/6. Settting Up Frontend and Designing Basic Layouts/3. Desinging Homepage Carousel.mp4139.61 MiB
.pad/5401.19 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/6. Settting Up Frontend and Designing Basic Layouts/6. Desinging Blog Item Card.mp4134.41 MiB
.pad/6599.36 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/10. Designing Profile Page/2. Adding Real Data To Profile.mp4133.1 MiB
.pad/7924.38 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/8. Designing Blog Writing Page With Rich Text Editor/4. Implementing React Hook Form For Handling Form.mp4132.01 MiB
.pad/81014.92 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/10. Designing Profile Page/1. Design Structure.mp4128.97 MiB
.pad/931.12 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/6. Settting Up Frontend and Designing Basic Layouts/9. Designing Footer.mp4128.72 MiB
.pad/10288.39 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/6. Settting Up Frontend and Designing Basic Layouts/2. Designing Header Of Application.mp4127.16 MiB
.pad/11862.86 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/4. Adding Authentication Introduction and Setup NextAuth.js (Auth.js)/4. Create User Registration Route For User Signup Via Credentials.mp4125.54 MiB
.pad/12471.56 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/7. Designing Blogs Page/1. Designing Blogs Home With Filters and Search.mp4122.53 MiB
.pad/13480.45 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/11. Designing Edit Page Of Blog/3. Adding Animations.mp4120.96 MiB
.pad/1445.79 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/14. Optimizing and Addons/1. Fixing Blogs Page Filters.mp4118.57 MiB
.pad/15439.4 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/11. Designing Edit Page Of Blog/2. Rendering HTML Data to Rich Text Editor.mp4110.62 MiB
.pad/16392.22 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/5. Building Backend API for Blogs CRUD For Our Application/2. Building User's API Endpoints and Handlers.mp4107.09 MiB
.pad/17934.81 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/6. Settting Up Frontend and Designing Basic Layouts/4. Getting Blogs From Server.mp4105.38 MiB
.pad/18638.42 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/13. Adding Google And Github Sign In/2. Customizing NextAuth For Storing Google and Github Signed In Accounts.mp4104.43 MiB
.pad/19587.99 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/4. Adding Authentication Introduction and Setup NextAuth.js (Auth.js)/2. Setting Up NextAuth For Our Application.mp4103.07 MiB
.pad/20950.71 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/3. Setting Up Backend Of Our Project/4. Defining Models For Prisma and MongoDB (With Relations).mp4102.33 MiB
.pad/21682.95 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/12. Desinging Search Page Functionality/1. Designing Search Page.mp497.98 MiB
.pad/2222.13 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/8. Designing Blog Writing Page With Rich Text Editor/2. Preview Selected Image From Local.mp493.28 MiB
.pad/23736.44 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/11. Designing Edit Page Of Blog/5. Blog Delete Functionality.mp489.45 MiB
.pad/24563.04 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/14. Optimizing and Addons/3. Protecting Routes With Middlewares.mp489.44 MiB
.pad/25575.53 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/5. Building Backend API for Blogs CRUD For Our Application/3. Building Categories API Endpoints and Handlers.mp484.66 MiB
.pad/26344.77 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/13. Adding Google And Github Sign In/1. Adding Passwordless sign in.mp484.46 MiB
.pad/27552.6 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/5. Building Backend API for Blogs CRUD For Our Application/6. Completing BLOGS Operations.mp484.18 MiB
.pad/28835.68 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/12. Desinging Search Page Functionality/2. Sending API Request.mp478.71 MiB
.pad/29294.27 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/8. Designing Blog Writing Page With Rich Text Editor/1. Starting Blogs Add Page.mp475.52 MiB
.pad/30492.45 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/13. Adding Google And Github Sign In/4. Completing Login.mp474.75 MiB
.pad/31254.69 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/4. Adding Authentication Introduction and Setup NextAuth.js (Auth.js)/5. Finishing Setting Up Everything With Credentials Provider.mp474.22 MiB
.pad/32795.72 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/8. Designing Blog Writing Page With Rich Text Editor/5. Getting Rich Text Editor's Data.mp470.46 MiB
.pad/33557.23 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/8. Designing Blog Writing Page With Rich Text Editor/3. Adding Dropdowns and Editor.mp466.7 MiB
.pad/34310.25 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/14. Optimizing and Addons/5. Logout Functionality.mp462.32 MiB
.pad/35692.43 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/13. Adding Google And Github Sign In/5. Adding User Register Frontend.mp458.29 MiB
.pad/36726.23 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/4. Adding Authentication Introduction and Setup NextAuth.js (Auth.js)/7. Getting Session Data In Client Components.mp457.73 MiB
.pad/37280.63 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/8. Designing Blog Writing Page With Rich Text Editor/6. Customizing NextAuth For Adding ID in Session.mp457.45 MiB
.pad/38560.09 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/11. Designing Edit Page Of Blog/1. Design The Structure.mp457.16 MiB
.pad/39861.76 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/2. Setting Up Things/1. Creating a new Next.JS 13 App.mp456.92 MiB
.pad/4083.65 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/3. Setting Up Backend Of Our Project/3. Setup MongoDB Database Connection With Prisma.mp455.19 MiB
.pad/41827.45 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/11. Designing Edit Page Of Blog/4. Working on cache.mp450.4 MiB
.pad/42610.63 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/4. Adding Authentication Introduction and Setup NextAuth.js (Auth.js)/3. Setup Google, GIthub, Credentials Provider (Email and Password).mp447.98 MiB
.pad/4325.51 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/5. Building Backend API for Blogs CRUD For Our Application/4. Setting Up Cloudinary For Blog Insertions.mp445.13 MiB
.pad/44893.11 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/7. Designing Blogs Page/2. Rendering Real Data To Blogs.mp442.55 MiB
.pad/45459.28 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/6. Settting Up Frontend and Designing Basic Layouts/7. Limiting Amount Of Words To Display in Card.mp441.55 MiB
.pad/46458.51 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/6. Settting Up Frontend and Designing Basic Layouts/5. Setting up ShadCN UI.mp437.13 MiB
.pad/47890.41 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/14. Optimizing and Addons/2. Adding Location In BlogCard.mp434.25 MiB
.pad/48766.19 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/6. Settting Up Frontend and Designing Basic Layouts/8. Design Links For Exploring More Articles.mp433.82 MiB
.pad/49184.64 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/4. Adding Authentication Introduction and Setup NextAuth.js (Auth.js)/1. Deep Dive Introduction To NextAuth.mp426.5 MiB
.pad/50508.18 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/4. Adding Authentication Introduction and Setup NextAuth.js (Auth.js)/6. Getting User's Session Data In React Server Components.mp421.91 MiB
.pad/5192.68 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/6. Settting Up Frontend and Designing Basic Layouts/1. Setting Up Frontend.mp420.75 MiB
.pad/52252.41 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/5. Building Backend API for Blogs CRUD For Our Application/1. Analysing Steps To Build API.mp420.3 MiB
.pad/53715.11 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/3. Setting Up Backend Of Our Project/2. What are Database Models (Schemas) How we can define in this application.mp417.82 MiB
.pad/54186.99 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/12. Desinging Search Page Functionality/3. Remaining Functionalities.mp416.53 MiB
.pad/55481.9 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/3. Setting Up Backend Of Our Project/1. What is Prisma How to set it up.mp415.91 MiB
.pad/5694.36 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/1. Introduction/1. Introduction.mp415.22 MiB
.pad/57800.5 KiB
[TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform/5. Building Backend API for Blogs CRUD For Our Application/7. Summary.mp48.41 MiB

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

Continue browsing

Description

Files (119)