Full Stack NextJS(App Router) - No Backend Needed (Next-Auth, Prisma, MySQL)
Автор: Describly
Загружено: 2023-10-15
Просмотров: 3198
In this video tutorial, we will build a NextJS full-stack application, that means we will not have a separate api application because we don't need it. And you will learn lots of topics, some of them are mentioned below. I will request you to watch it from the start to till end so that you can get the complete understanding of the concepts I am trying to explain.
Topics -
Basic Layout Design
Prisma Setup (Schema, Migration etc)
Form validation with react-hook-form & yup
Api with nextjs route handler (user registration api)
User Registration
Next-Auth Usage (understanding the session and jwt)
User login with next-auth and Prisma
Protecting the pages and route handlers with unauthorised access.
Social Login
And many more
Tutorial Code Link: https://github.com/Describly/nextjs-p...
Docker Setup for DB: https://github.com/Describly/fastapi-...
NextJS Authentication with Separate Backend: • NextJs13 (App Router) - User Authenticatio...
Chapters
--------------------------------------
00:00 Introduction
01:39 Installing the dependencies and Layout Design
12:18 Login & Register Page Styling and Form Validation
24:24 Database Schema and Migration (Prisma Configuration)
33:18 User Registration
53:45 User Login
01:17:21 Using the Next-Auth session in Navbar & User Logout
01:24:46 Creating Api Routes with NextJS Route Handlers
01:32:50 Pages to consume the apis and data fetching in server components
01:44:42 Securing the Pages from unauthorised access
01:48:24 Securing the route handler api’s
01:55:07 Fetch api call issue to route handlers
02:01:25 Understanding that we don’t need to create api with route handlers
02:03:27 Next-Auth Middleware
02:08:12 Social Auth (GitHub Login)
#FullStackNextJS #nextjs13.5 #Nextauth
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: