Next.js JWT Authentication

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

This video can be combined with other videos:

00:00 Preview
01:32 Prebuilt backend
03:58 Setup
06:22 Template
09:26 Navigation
14:24 Register
21:37 Login
25:22 Authenticated User
29:09 Logout

#nextjs #reactjs #javascript

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

Комментарии

i have been looking for such a tutorial for so long. God bless you sir

thomasfrimpong

This was excellent tutorial ...although I am quite new to Next JS....I would like to see some NextJS in-depth tutorial on this channel...Thank you :)

codedjango

Thanks. credentials:true should be told everywhere

varshithkumar

very helpful @Antonio @Papa. Thank you.

joecolas

You should also make a tutorial where you use Next JS as a backend.

angpoginiko

What a great content

Would you consider to cover some more next js authentication tuts especially on protected routes and how we can apply them in nexr js

mooder

I don't get the cookies in the browser, but i get it on postman and in the response headers, any idea how i can solve this?

ogunjefejiro

i didnt understand how do you have connect your nestjs with your nextjs? Only with your ?

wsh

Awesome very informative and learning video, sir can u give the some hint or can make video on .Net Core API JWT authentication as backend and NextJs as frontend like login form connect the .net core web api.

jennasyeda

Sir could you explain how to use refresh tokens as well with this approach.

AbrahamWilson

A bit late :D, I'm wonder about accessing the homepage after trying to login with invalid username/password, And I'm getting "Hi undefined" although my back end return 403, so looks like my front end does not raising an exception when login request fails. any idea how to fix???

abrahems

can you deploy it and serve nextjs static files from gofiber ?

oussamasethoum

Where are you even verifying and signing the jwt token? It is nowhere in this tutorial.

timmukhamedov

you're barely using typescript, you'd rather don't use it then, and youre using vanilla react, not NextJs

pelaoinfo

Hi, can you please update your Auth API.

rajatthapa

Is it safe to send whole user data on Home page? Can hackers manipulate it?

turing

SIR MAKE VIDEO OR AUTHENTICATION

JWT AUTHENTICATION ( Login user can't access SignUp page and, Login User also Can't access Login page again when he is not logout

GOOGLE, FACEBOOK authentication and Session and Cookie.
and Token store In Mongodb Database and verify token is Right

anishbishnoixD

Sir make Nuxt.js full authentication system make o to hero course

RamuRamu-eusx

bro first make api folder and then start recording your video
ok

NiravKumbhani

to any one need to khow how cookies set
if you open AuthController
yo will fiend login response
send bake with cookies save in "jwt" value
so this will save automatic in browser >
and in front nextJS
you set ( credentials: 'include') in fetch option
so add credentials: 'include', will auto send jwt cookies to server in header request when call useEffect method ( old way)

so if you use ssr with new nextjs with getServerSideProps method
will not work because getServerSideProps run in server and cookies or local-storage run in browser
so for any one need new way if push it in my github account
just Follow and start repo

elteyab

Next.js JWT Authentication

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

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

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

JWT + Next.js Authentication Demo: Master Next.js Tutorial #17

Securely using JWT on the Edge: Authentication in NextJS Middleware!

Authentication Flow in Next.js (Complete Tutorial)

Session vs Token Authentication in 100 Seconds

How to Manage Backend JWT Access Tokens in Next Auth and Next.js 13

Don’t Use JWT for Login Sessions

1/2 - User Authentication using Next.js | JWT Tokens, React, MongoDB & Tailwind CSS

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

Next.js JWT Authentication

Authentication in React with JWTs, Access & Refresh Tokens (Complete Tutorial)

Next.js Authentication - Avoid these 4 mistakes (Don't do auth in layout!)

NextJS Authentication with Server Actions - Learn to build from scratch!

Next.js and Django JWT Authentication | Part 1 - Backend API

Next.js 14 Authentication Tutorial (Super EASY!)

React Login Authentication with JWT Access, Refresh Tokens, Cookies and Axios

Authentication and Authorization with Next.js 14: JWT || COOKIES || MONGODB

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

Next Auth - JWT & Session Callback & How to Update User Session

Complete Nextjs fullstack Authentication course

🚨 STOP Using Auth in Next.js Layouts

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