NextJs13 (App Router) - User Authentication with Next-Auth Credentials Provider

In this tutorial we will install the couple of JS libraries in NextJs13 and we will also integrate custom backend apis (Authentication APIs) and will use the Next-Auth Credentials Providers to login the user and generate the next-auth session. We will store the access_token in Next-Auth session, that we will retrieve from the custom backend api.
Next, this token can be used to make further api call (Api calls that will require authorization token or access_token).
We will also learn how we can retrieve the access_token from next-auth session and then how we can use this in both NextJs client component & NextJs server component.

In this video tutorial you will learn -
How to use NextJs13 App Router
How to integrate and configure Next-Auth
How to use React Hook Form
How to use form validation using Yup with React Hook Form
How to integrate User Register API
How to Integrate User Login API (to the login token)
How to refresh login token automatically with TTL
How to use next-auth session in client component and in server component
How to structure your code and many more things

You can get the code of this tutorial using the below link
Link: https://github.com/Describly/nextjs13...

You can setup backend api in your local using the below link
Link: https://github.com/Describly/fastapi-...