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

  • CategoryOther
  • TypeTutorials
  • LanguageEnglish
  • Total size4.8 GB
  • Uploaded Bytutsnode
  • Downloads5
  • Last checkedSep. 23rd '23
  • Date uploadedSep. 23rd '23
  • Seeders 0
  • Leechers0

Infohash : D43BDAB5A277D6E231223CD13BC111B459B15A92


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:

Next.JS 13 Advance SaaS Project Build Blog Posting Platform [TutsNode.org] - Next.JS 13 Advance SaaS Project Build Blog Posting Platform 9. Designing Blog View Page
  • 1. Designing View Page.mp4 (242.9 MB)
5. Building Backend API for Blogs CRUD For Our Application
  • 5. Add Blog Handler.mp4 (211.3 MB)
  • 2. Building User's API Endpoints and Handlers.mp4 (107.1 MB)
  • 3. Building Categories API Endpoints and Handlers.mp4 (84.7 MB)
  • 6. Completing BLOGS Operations.mp4 (84.2 MB)
  • 4. Setting Up Cloudinary For Blog Insertions.mp4 (45.1 MB)
  • 1. Analysing Steps To Build API.mp4 (20.3 MB)
  • 7. Summary.mp4 (8.4 MB)
13. Adding Google And Github Sign In
  • 3. Designing Customized Login Page.mp4 (168.9 MB)
  • 2. Customizing NextAuth For Storing Google and Github Signed In Accounts.mp4 (104.4 MB)
  • 1. Adding Passwordless sign in.mp4 (84.5 MB)
  • 4. Completing Login.mp4 (74.8 MB)
  • 5. Adding User Register Frontend.mp4 (58.3 MB)
8. Designing Blog Writing Page With Rich Text Editor
  • 7. Sending Post To Database.mp4 (142.1 MB)
  • 4. Implementing React Hook Form For Handling Form.mp4 (132.0 MB)
  • 2. Preview Selected Image From Local.mp4 (93.3 MB)
  • 1. Starting Blogs Add Page.mp4 (75.5 MB)
  • 5. Getting Rich Text Editor's Data.mp4 (70.5 MB)
  • 3. Adding Dropdowns and Editor.mp4 (66.7 MB)
  • 6. Customizing NextAuth For Adding ID in Session.mp4 (57.5 MB)
14. Optimizing and Addons
  • 4. Making Header Responsive.mp4 (139.9 MB)
  • 1. Fixing Blogs Page Filters.mp4 (118.6 MB)
  • 3. Protecting Routes With Middlewares.mp4 (89.4 MB)
  • 5. Logout Functionality.mp4 (62.3 MB)
  • 2. Adding Location In BlogCard.mp4 (34.3 MB)
6. Settting Up Frontend and Designing Basic Layouts
  • 3. Desinging Homepage Carousel.mp4 (139.6 MB)
  • 6. Desinging Blog Item Card.mp4 (134.4 MB)
  • 9. Designing Footer.mp4 (128.7 MB)
  • 2. Designing Header Of Application.mp4 (127.2 MB)
  • 4. Getting Blogs From Server.mp4 (105.4 MB)
  • 7. Limiting Amount Of Words To Display in Card.mp4 (41.6 MB)
  • 5. Setting up ShadCN UI.mp4 (37.1 MB)
  • 8. Design Links For Exploring More Articles.mp4 (33.8 MB)
  • 1. Setting Up Frontend.mp4 (20.8 MB)
10. Designing Profile Page
  • 2. Adding Real Data To Profile.mp4 (133.1 MB)
  • 1. Design Structure.mp4 (129.0 MB)
4. Adding Authentication Introduction and Setup NextAuth.js (Auth.js)
  • 4. Create User Registration Route For User Signup Via Credentials.mp4 (125.5 MB)
  • 2. Setting Up NextAuth For Our Application.mp4 (103.1 MB)
  • 5. Finishing Setting Up Everything With Credentials Provider.mp4 (74.2 MB)
  • 7. Getting Session Data In Client Components.mp4 (57.7 MB)
  • 3. Setup Google, GIthub, Credentials Provider (Email and Password).mp4 (48.0 MB)
  • 1. Deep Dive Introduction To NextAuth.mp4 (26.5 MB)
  • 6. Getting User's Session Data In React Server Components.mp4 (21.9 MB)
7. Designing Blogs Page
  • 1. Designing Blogs Home With Filters and Search.mp4 (122.5 MB)
  • 2. Rendering Real Data To Blogs.mp4 (42.6 MB)
11. Designing Edit Page Of Blog
  • 3. Adding Animations.mp4 (121.0 MB)
  • 2. Rendering HTML Data to Rich Text Editor.mp4 (110.6 MB)
  • 5. Blog Delete Functionality.mp4 (89.5 MB)
  • 1. Design The Structure.mp4 (57.2 MB)
  • 4. Working on cache.mp4 (50.4 MB)
3. Setting Up Backend Of Our Project
  • 4. Defining Models For Prisma and MongoDB (With Relations).mp4 (102.3 MB)
  • 3. Setup MongoDB Database Connection With Prisma.mp4 (55.2 MB)
  • 2. What are Database Models (Schemas) How we can define in this application.mp4 (17.8 MB)
  • 1. What is Prisma How to set it up.mp4 (15.9 MB)
12. Desinging Search Page Functionality
  • 1. Designing Search Page.mp4 (98.0 MB)
  • 2. Sending API Request.mp4 (78.7 MB)
  • 3. Remaining Functionalities.mp4 (16.5 MB)
2. Setting Up Things
  • 1. Creating a new Next.JS 13 App.mp4 (56.9 MB)
1. Introduction
  • 1. Introduction.mp4 (15.2 MB)
  • TutsNode.org.txt (0.1 KB)
  • [TGx]Downloaded from torrentgalaxy.to .txt (0.6 KB)
  • .pad
    • 0 (127.1 KB)
    • 1 (756.6 KB)
    • 2 (153.5 KB)
    • 3 (885.1 KB)
    • 4 (108.6 KB)
    • 5 (401.2 KB)
    • 6 (599.4 KB)
    • 7 (924.4 KB)
    • 8 (1,014.9 KB)
    • 9 (31.1 KB)
    • 10 (288.4 KB)
    • 11 (862.9 KB)
    • 12 (471.6 KB)
    • 13 (480.4 KB)
    • 14 (45.8 KB)
    • 15 (439.4 KB)
    • 16 (392.2 KB)
    • 17 (934.8 KB)
    • 18 (638.4 KB)
    • 19 (588.0 KB)
    • 20 (950.7 KB)
    • 21 (682.9 KB)
    • 22 (22.1 KB)
    • 23 (736.4 KB)
    • 24 (563.0 KB)
    • 25 (575.5 KB)
    • 26 (344.8 KB)
    • 27 (552.6 KB)
    • 28 (835.7 KB)
    • 29 (294.3 KB)
    • 30 (492.4 KB)
    • 31 (254.7 KB)
    • 32 (795.7 KB)
    • 33 (557.2 KB)
    • 34 (310.3 KB)
    • 35 (692.4 KB)
    • 36 (726.2 KB)
    • 37 (280.6 KB)
    • 38 (560.1 KB)
    • 39 (861.8 KB)
    • 40 (83.6 KB)
    • 41 (827.5 KB)
    • 42 (610.6 KB)
    • 43 (25.5 KB)
    • 44 (893.1 KB)
    • Code:

      • udp://open.stealth.si:80/announce
      • udp://tracker.tiny-vps.com:6969/announce
      • udp://fasttracker.foreverpirates.co:6969/announce
      • udp://tracker.opentrackr.org:1337/announce
      • udp://explodie.org:6969/announce
      • udp://tracker.cyberia.is:6969/announce
      • udp://ipv4.tracker.harry.lu:80/announce
      • udp://tracker.uw0.xyz:6969/announce
      • udp://opentracker.i2p.rocks:6969/announce
      • udp://tracker.birkenwald.de:6969/announce
      • udp://tracker.torrent.eu.org:451/announce
      • udp://tracker.moeking.me:6969/announce
      • udp://tracker.dler.org:6969/announce
      • udp://9.rarbg.me:2970/announce