Next.js SSR authentication and routing between public and private pages with getServerSideProps and cookies

getServerSidePropsPrivate.ts

import { GetServerSideProps, GetServerSidePropsContext } from 'next';
import { Me } from '../../types';
import { routes, setCookie } from '../helpers';
import MeQuery from '../graphql/query/MeQuery';

export const getServerSidePropsPrivate: GetServerSideProps<{ me: Me }> = async (
  context: GetServerSidePropsContext
) => {
  const token = context.req.cookies[process.env.NEXT_COOKIE_NAME];

  if (token) {
    const data = await MeQuery(token);

    if (!data || !data.me) {
      context.res.setHeader('Set-Cookie', setCookie.InvalidCookie());
      return {
        redirect: {
          // auth is the root public route
          destination: routes.auth,
          permanent: false,
        },
      };
    }

    return {
      props: {
        me: data.me,
      },
    };
  }

  return {
    redirect: {
      // auth is the root public route
      destination: routes.auth,
      permanent: false,
    },
  };
};

getServerSidePropsPublic.ts

import { GetServerSideProps, GetServerSidePropsContext } from 'next';
import { Me } from '../../types';
import { routes, setCookie } from '../helpers';
import MeQuery from '../graphql/query/MeQuery';

export const getServerSidePropsPublic: GetServerSideProps<{
  me: Me | null;
}> = async (context: GetServerSidePropsContext) => {
  const token = context.req.cookies[process.env.NEXT_COOKIE_NAME];

  if (token) {
    const data = await MeQuery(token);

    if (data && data.me) {
      return {
        redirect: {
          // app is the root private route
          destination: routes.app,
          permanent: false,
        },
      };
    } else {
      context.res.setHeader('Set-Cookie', setCookie.InvalidCookie());
      return {
        props: {},
      };
    }
  }

  return {
    props: {},
  };
};

MyPrivatePage.ts

import type { NextPage } from 'next';
import { getServerSidePropsPrivate } from '../../../middlewares/getServerSidePropsPrivate';

const MyPrivatePage: NextPage = ({ me }) => {
  // use me data
  /* code goes here */
};

export const getServerSideProps = getServerSidePropsPrivate;

export default MyPrivatePage;

MyPublicPage.ts

import type { NextPage } from 'next';
import { getServerSidePropsPublic } from '../../../middlewares/getServerSidePropsPublic';

const MyPublicPage: NextPage = () => {
  /* code goes here */
};

export const getServerSideProps = getServerSidePropsPublic;

export default MyPublicPage;