Create a HOC (higher order component) for authentication in Next.js

by

You should separate and extract your authentication logic from getServerSideProps into a re-usable higher-order function.

For instance, you could have the following function that would accept another function (your getServerSideProps), and would redirect to your login page if the userToken isn’t set.

export function requireAuthentication(gssp) {
    return async (context) => {
        const { req, res } = context;
        const token = req.cookies.userToken;

        if (!token) {
            // Redirect to login page
            return {
                redirect: {
                    destination: '/admin/login',
                    statusCode: 302
                }
            };
        }

        return await gssp(context); // Continue on to call `getServerSideProps` logic
    }
}

You would then use it in your page by wrapping the getServerSideProps function.

// pages/index.js (or some other page)

export const getServerSideProps = requireAuthentication(context => {
    // Your normal `getServerSideProps` code here
})

More Related Contents:

  1. Module not found: Can’t resolve ‘fs’ in Next.js application
  2. How can I set cookie in node js using express framework?
  3. Internal API fetch with getServerSideProps? (Next.js)
  4. Why are cookies not sent to the server via getServerSideProps in Next.js?
  5. Next.js: How to get static assets from within getStaticProps
  6. Express doesn’t set a cookie
  7. Next.js: document is not defined
  8. Destroy cookie NodeJs
  9. How to use cookie inside `getServerSideProps` method in Next.js?
  10. What are “signed” cookies in connect/expressjs?
  11. Angular 9 SSR 404 Not Found Page with Status code
  12. React + Material-UI – Warning: Prop className did not match
  13. Using Node.js as a simple web server
  14. Stop Mongoose from creating _id property for sub-document array items
  15. Node/Express file upload
  16. How to change bower’s default components folder?
  17. How can I completely uninstall nodejs, npm and node in Ubuntu [closed]
  18. What is Node.js’ Connect, Express and “middleware”?
  19. How to modify the nodejs request default timeout time?
  20. Firebase and backend logic
  21. Firebase deploy errors starting with non-zero exit code (space in project path)
  22. Global Node modules not installing correctly. Command not found
  23. TypeScript tsconfig settings for Node.js 12?
  24. Is there any way to fix package-lock.json lockfileVersion so npm uses a specific format?
  25. Module request how to properly retrieve accented characters? � � �
  26. socket.io force a disconnect over XHR-polling
  27. Proper request with async/await in Node.JS
  28. node –experimental-modules, requested module does not provide an export named
  29. How do I replace deprecated crypto.createCipher in Node.js?
  30. How to store a file with file extension with multer?

Leave a Comment