Next.js Authentication - AuthJS / NextAuth for Role-Based Security

✏️ Course developed by @ClarityCoders

⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:41) Environment Setup / Extension Review
⌨️ (0:02:24) Project Creation
⌨️ (0:25:39) Setup built-in OAuth Provider - (Google / GitHub)
⌨️ (0:29:47) Login / Logout Funtionality
⌨️ (0:37:45) Protecting Pages - Server Side Page
⌨️ (0:40:10) Protecting Pages - Client Side Page
⌨️ (0:46:12) Protecting Pages - Middleware
⌨️ (0:53:58) Creating Custom Provider (Creating a Database of Users)
⌨️ (0:55:16) MongoDB Atlas Signup / Setup
⌨️ (0:58:04) Create User Models (Mongoose Schema)
⌨️ (1:00:37) User Form to Create Users
⌨️ (1:10:30) Create Users API
⌨️ (1:18:45) Setup Custom Provider

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

[ClarityCoders]

Thanks again for the invite to the channel! These videos come out on my channel first along with more videos please check out my channel if you haven't already. Any questions or future projects you would like to see let me know. Keep Coding.

[xanthe]

Quick tip: If you want to create a folder and a file inside it, instead of creating the folder first and then creating the file, you can create a file named "folder name/filename" to do the same. An example would be create a file called Member/page.jsx which would create the page.jsx file in the Member folder

[Parijat-lr]

I just completed the previous project, the Ticketing App, from the same instructor, thanks for this one👍

[gregoryyang]

So this is still about the old NextAuth 4 right, please change the title, which is misleading as AuthJS 5 makes significant changes

[AttilaDobai-kq]

Amazing video. Very well explained without being superfluous. Tutorial videos like this are such a rarity.

[ayushtiwari]

Doubt 🚨 How do I authorise my api routes to ensure security.

Btw best video on Next Auth i found on YouTube uptill now.

[AL]

I saw this course on udemy, I'm glad you provide this for free!!!

[herozero]

A great tutorial indeed. Thanks for this, but sadly after 6 months, it's already outdated as NextAuth v5 uses very different function names.

[CivilianJointTaskForce]

You are a great Programmer, thanks for the lecture.

[MedAliBeel]

thanks FCC and ClarityCode, it really help me understand the basics of nextauth and to implement it correctly in one of my test projects keep up

[bizimsiti]

when i create clientMember page, i recieved this error "sync/await is not yet supported in Client Components". but in video, everything is okey. I didnt understand why

[omc]

I like the fact that the instructor defines environmental variables at 25:57 🫡

[BlueHat]

What a great tutorial! Very helpful and clear.

[マグロ-cb]

Should add a session:{stratigy:"jwt"} in the options config, or there would be no 'role' property in the server side session.

[warrenb]

28:15 Maybe the interface has changed, but make sure you go to API & Services.

[DeveloperLeon]

Great video, thanks! I wonder, what if you want more roles than just Admin and User? What if you want the Admin to be able to create new roles and select which permissions they have?

[promtpking]

you guys always putting out stuff like you reading our minds lol! ... request could you please do a tutorial on MQL5 as in metatrader's language for building trading bots

[okchm]

Really needed this. Saved for future use 👍

[Samoniel]

const options = {...} export default options

worked for me, otherwise it was 500 error

[JaiShreeRam]

Using next 14 and I am not able to use the default (sigin and other) pages of next auth???