Uploaded August 2021 | Updated September 2026, 57 minutes ago
A simple Higher Order Function that handles authentication for any routes in Nextjs. This is a similar approach to HOCs in React. This Higher Order Function can wrap around a GetServerSideProps and protect any route in Nextjs.
Answer on Stack Overflow: stackoverflow.com/questions/66081052/creating-a-hoc-higher-order-component-for-cookies-in-nextjs
Note the method that I have used for verifying Cookie is not that perfect, as the cookie is not verified. However here is a link to this same component in a project that I am currently working on which is a bit improved: github.com/frostzt/weeee/blob/master/frontend/HOC/requireAuthentication/requireAuthentication.tsx
Get in touch with me!
GitHub: github.com/frostzt
A simple Higher Order Function that handles authentication for any routes in Nextjs. This is a similar approach to HOCs in React. This Higher Order Function can wrap around a GetServerSideProps and protect any route in Nextjs.
Answer on Stack Overflow: stackoverflow.com/questions/66081052/creating-a-hoc-higher-order-component-for-cookies-in-nextjs
Note the method that I have used for verifying Cookie is not that perfect, as the cookie is not verified. However here is a link to this same component in a project that I am currently working on which is a bit improved: github.com/frostzt/weeee/blob/master/frontend/HOC/requireAuthentication/requireAuthentication.tsx
Get in touch with me!
GitHub: github.com/frostzt
