Jwt authentication in next js

[Sandeep06Dev]

Hi brilliant guys..

I want any code snippets by which we can add jwt authentication in few pages.

E.g

I have a login.jsx and profile.jsx.

I want to open profile.jsx only when its has a valid jwt token.. Additional if any one try to open profile.jsx from address bar (without jwt authentication) then they
should be redirect to login.jsx

[enochndika]

Check this sandbox, i have used context api to authenticated on client side

[Dannymx]

The link doesn't seem to be working.

[enochndika]

i have created a new sandbox

[Dannymx]

Thanks for the link.

I think it would be nice if the team from Next.js could create an example using SSG where the frontend requests JWT (with emai/password or other login method) then how to handle the callback/save the jwt in a cookie.

[mcp-net]

your sandbox doesn't have all needed component.

You are missing everything under "/api" folder, like "/api/user", "/api/user/[id]

Check your sandbox environment.

[enochndika]

no nothing is missing, just use your own backend, my example is just an illustration. in your backend you will need the token and the user id