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

1. Introduction

1. Introduction

2. Setting Up Things

1. Creating a new Next.JS 13 App

3. Setting Up Backend Of Our Project

1. What is Prisma How to set it up

2. What are Database Models (Schemas) How we can define in this application

3. Setup MongoDB Database Connection With Prisma

4. Defining Models For Prisma and MongoDB (With Relations)

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

1. Deep Dive Introduction To NextAuth

2. Setting Up NextAuth For Our Application

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

4. Create User Registration Route For User Signup Via Credentials

5. Finishing Setting Up Everything With Credentials Provider

6. Getting Users Session Data In React Server Components

7. Getting Session Data In Client Components

5. Building Backend API for Blogs CRUD For Our Application

1. Analysing Steps To Build API

2. Building Users API Endpoints and Handlers

3. Building Categories API Endpoints and Handlers

4. Setting Up Cloudinary For Blog Insertions

5. Add Blog Handler

6. Completing BLOGS Operations

7. Summary

6. Settting Up Frontend and Designing Basic Layouts

1. Setting Up Frontend

2. Designing Header Of Application

3. Desinging Homepage Carousel

4. Getting Blogs From Server

5. Setting up ShadCN UI

6. Desinging Blog Item Card

7. Limiting Amount Of Words To Display in Card

8. Design Links For Exploring More Articles

9. Designing Footer

7. Designing Blogs Page

1. Designing Blogs Home With Filters and Search

2. Rendering Real Data To Blogs

8. Designing Blog Writing Page With Rich Text Editor

1. Starting Blogs Add Page

2. Preview Selected Image From Local

3. Adding Dropdowns and Editor

4. Implementing React Hook Form For Handling Form

5. Getting Rich Text Editors Data

6. Customizing NextAuth For Adding ID in Session

7. Sending Post To Database

9. Designing Blog View Page

1. Designing View Page

10. Designing Profile Page

1. Design Structure

2. Adding Real Data To Profile

11. Designing Edit Page Of Blog

1. Design The Structure

2. Rendering HTML Data to Rich Text Editor

3. Adding Animations

4. Working on cache

5. Blog Delete Functionality

12. Desinging Search Page Functionality

1. Designing Search Page

2. Sending API Request

3. Remaining Functionalities

13. Adding Google And Github Sign In

1. Adding Passwordless sign in

2. Customizing NextAuth For Storing Google and Github Signed In Accounts

3. Designing Customized Login Page

4. Completing Login

5. Adding User Register Frontend

14. Optimizing and Addons

1. Fixing Blogs Page Filters

2. Adding Location In BlogCard

3. Protecting Routes With Middlewares

4. Making Header Responsive

5. Logout Functionality

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy