NextJSで、サーバーサイド、クライアントサイドを問わずにOriginを取得する関数がこちら

この関数を使えば、Server side, Client sideを問わず、Originを取得できる。

export const getOrigin = () => {
  if (isServerEnvironment()) {
    import('next/headers').then((module) => {
      const headersList = module.headers();
      return headersList.get('origin');
    });
  } else {
    return window.location.origin;
  }
};

const isServerEnvironment = () => typeof window === 'undefined';

使用例

const origin = getOrigin()