Next.js Authentication with JWT

spark_sara

I am moving a project from React to Next.js and was wondering if the same authentication process is okay. Basically, the user enters their username and password and this is checked against database credentials via an API (Node.js/Express). So, I am not using Next.js internal api functionality, but a totally decoupled API from my Next.js project. If the login credentials are correct, a JWT token is sent back to the client. I wanted to store that...

Originally asked by user8463989 on Stack Exchange (stackoverflow) (CC BY-SA 4.0).

uphilltech

Great question — answering as the UphillTech team:

My answer is purely based on my experiences and things I read. Feel free to correct it if I happened to be wrong. So, my way is to store your token in HttpOnly cookie, and always use that cookie to authorize your requests to the Node API via Authorization header. I happen to also use Node.js API in my own project, so I know what's going on. Following is an example of how I usually handle authentication with Next.js and Node.js API. In order to ease up authentication problems, I'm using Next.js's built in getServerSideProps function in a page to build a new reusable higher order component that will take care of authentication. In this case, I will name it isLoggedIn . // isLoggedIn.jsx...

Full answer by Nicholas: https://stackoverflow.stackexchange.com/a/66467398 (CC BY-SA 4.0).

Need it done for your business? UphillTech.