Next.js 14 Authentication Tutorial (Super EASY!)

**DISCORD**

**QUESTIONS ABOUT MY SETUP**

**TIMESTAMPS**
00:00 - Intro
04:15 - Creating an Authenticated Navbar
09:45 - Displaying User Info from Clerk
12:45 - Adding Public Routes
14:30 - Adding a DB with Xata
19:50 - Saving User Data to Xata with Server Actions
28:30 - Associating Xata Data with Clerk Users
34:20 - Customize Sign-in and Sign-up Pages

[existentialquest]

really fed up of these dev advocates pushing products like clerk as auth solutions - huge lock-in, security risk when company u trust to store the most imp aspect of ur app goes bust etc . Auth is something which is a pain but has to be done the right way

[JonoPadoa]

Awesome video and great for my project. Slowly building it out so I will check out more of what you have done! Thanks man!

[djimenezweb]

Thank you James!
I was looking for something like this for a long time. I enjoyed it very much. It didn't take me much long and I hardly had any issues. Keep it up!

[AL]

You're such a great teacher

Can you do similair project but add roles to users ?

[VincentFulco]

very helpful. wrapping head around server actions and passing data. thanks

[prpunk]

Absolute gold of a video, I'm trying to do this but with supabase instead of xata. Reading through documentation is slow, but a great learning experience! Also, is it possible to do this with supabase or is xata integrated with clerk in a manner that supabase is not? Thanks!

[cryptototalwar]

I have been trying to find a Nextjs tutorial that uses app router for Auth for 2 days and this was the one i needed. Would be cool if you provided source code for the tutorial but its not necessary either since your videos is so short and comprehensive. Thank You!

[quamzgraphix]

Great explanation. Please what browser are you using 😅

[waleedmumtaz]

Awesome video, James!

I recently started tapping into backend development to better understand how it all connects with the frontend since I already have some experience on the frontend. I must say now I have a much clear understanding of how things work overall.

I found the auth part a bit complicated though. I learned about session cookies and tokens using JWT. Do you think one must always consider using a third-party service such as Clerk for authentication? What could be some of the reasons not using such services and building your own?

Buy the way, Next.js really confusing me now since their server and client logic are in one file. 😅

[FSDevOps]

Many thanks my friend... I hope this help me to get my first shop as jr developer :)

[Assoehosselaar]

Great video, and introduction to Clerk and Xeta, never heard of either before ❤ only issue is that filtering the database on the userid is not really secure because its not a database rule denying access when the user is not actually the user but just provides the id

[oniely-zzz]

I noticed you have a different browser, what browser are you using?

[barakel.israel]

Can you do a tutorial on Clerk Organization and UserRoles whilst still including authentication?

[olufuwadavid]

Please you will have to create a bigger fullstack application using these tools. This is a fantastic tutorial!. Thank you very much.

[maitrisapp]

This came at a really complicated moment where I was trying to resolve auth on a Next JS site using the app router. If I could give it ten likes, I would! Many thanks, James.

[kellslte]

This is a great tutorial, a solid example of how Next.js handles authentication. I really love this. I have a question/request, could you make one video where you use your own auth pages while relying on next-auth to handle the actual auth? I have a project I am working on and I am finding it difficult to handle the authentication with the backend I am working with.

[tomaasmonaco]

Do you really recommend Arc for web development? I mean, how you manage to work with the console, css, etc. all good?

[Ehsan-dg]

Great, What font do you use in the vscode ?

[michaelrooze]

Do you have to use a form to save data to the database? Can I use state from a client component and use that in a useEffect to save data to the database?

[devyb-cc]

thank you very much, i am moving to workos btw