Fast Next.js App Router Authentication and User Management with Clerk

Показать описание

🍪 CLERK

⏰ TIMESTAMPS
00:00 - Introduction
01:14 - Overview of the project
01:28 - Setting up Clerk and Next
04:31- Build your own sign-up and sign-in pages
07:19 - Accessing user data in server-side component with the currentUser function
09:21 - Fetching and display user-specific data with the auth function

🔗 LINKS

Clerk

Рекомендации по теме

Комментарии

Really nice video! Exactly what I wanted! Really like you are straight to the point and no bs, YouTube needs more of that! Cheers!

nilsjohansson

I would like to see how Clerk manages roles, such as ADMIN and CUSTOMER. It would be an interesting approach.

gncfhcnvc

After login by clicking signin button, i logged in but sign in button is still showing

manishkhandagaleb

Please help deploying this app to vercel, running into problems on vercel when the app still works on local

iamgroot

Im encountering an issue where its so difficult to get my users data when they sign up into my database... do you have a tutorial for that?

schuylergood

Does clerk have a role option?
If so, is it in the free plan?

DanielJosueYatacoBlas

afterSignInUrl is deprecated, clerk suggests using environment variables instead, i try it bt dont work, can you explain this feature? :C

eder

Constantly getting this error from clerk in the browser console:
The <SignIn/> component cannot render when a user is already signed in, unless the application allows multiple sessions. Since a user is signed in and this application only allows a single session, Clerk is redirecting to the `after SignIn` URL instead. (This notice only appears in development)

shayaan

how to disable the sign up button as I only want the user to sign in?

timotiusanrez

So, does clerk make all the webpages generated on demand from the server?

azmineabrar

8:43 lol you said next authentication instead of clerk authentication
Next Auth for the win lol

howTo_

I have a question how can keep a route public(not protected ) here the code i wrote but its wrong

const isPublicRoute = createRouteMatcher([
'/dashboard',
]);

export default clerkMiddleware((request) => {
// If the request is for a public route, bypass authentication
if (isPublicRoute(request)) {
return; // Do nothing and allow access
}
});

export const config = {
matcher: [
// Skip Next.js internals and all static files, unless found in search params
'/((?!_next|[^?]*\\.(?:html?|css|js(?!on)|jpe?g|webp|png|gif|svg|ttf|woff2?|ico|csv|docx?|xlsx?|zip|webmanifest)).*)',
// Always run for API routes
'/(api|trpc)(.*)',
],
};

kaushik

hi, i have a question, if i need bulk a csv file with users data, but i upload to my supabase db first, can i create users after save data in supabase ?

fabianandrespachecozelada

Hey i found a bug in clerk app where I can complaint for the bug?

web_codder

Does clerk have a role option?
If so, is it in the free plan?

DanielJosueYatacoBlas

Fast Next.js App Router Authentication and User Management with Clerk

Fast Next.js App Router Authentication and User Management with Clerk

Next-Auth on App Router - Solid Auth, Super Fast

Next.js App Router Authentication (Sessions, Cookies, JWTs)

Next-Auth v5 is Almost Here! Learn it Fast on the NextJS App Router TODAY!

Next.js: Authentication (Best Practices for Server Components, Actions, Middleware)

Next js App Router Authentication with AuthKit

Next.js 13 jwt authentication protected routes httpOnly cookie with App Directory

Easy Authentication in Next.js App Router With Next-Auth

Next.js 13 App Router Authentication with Kinde

Next.js 14 Authentication Tutorial (Super EASY!)

Authentication with Next Auth and Next.js 14 | Protected routes, Server & Client Sessions

Next-Auth Login Authentication Tutorial with Next.js App Directory

Add Authentication to Next.js in 10 mins with OAuth (Google, Github...)

Authentication Doesn't Get Easier Than This

Auth0 in 100 Seconds // And beyond with a Next.js Authentication Tutorial

Next.js Auth | This is the Easiest Way To Build Auth with Cookie Sessions

Supabase and NextJS 14: Auth and Server Actions

Learn the Next.JS 13 App Router Fast With This One Tutorial 🏎️

Why you need cookie-based Auth for the Next.js App Router (2024)

Next.js Fetch Data the Right Way (with a Data Access Layer!) (Security, Auth, DTO)

Fetching Data Doesn't Get Better Than This

Learn Next-Auth Login Authentication - with Next.js App Router

How To Update Next-Auth Session in Next.js App Router: A Simple Trick

Next.js with a separate server - good idea?