Next.jsでSSRのページをSSGに書き換える

はじめに

大した内容ではないのですが、詰まった個所 (具体的には後述する3番目)があったので知見として共有します。

1. getServerSideProps => getStaticProps

変数名を変更する。
TS使用時は、GetServerSidePropsとGetServerSidePropsContextも、それぞれGetStaticPropsとGetStaticPropsContextに書き換える必要があります。

2. getStaticPaths の作成

以下の返り値を持つgetStaticPathsを作成します。

{
  paths: {params: object}[],
  fallback: boolean | 'blocking'
}

TSを使用する場合、関数の型はGetStaticPathsです。

3. getStaticPropsでNext.js APIを使用するのを止める

(このAPIは、/page/apiのことを指します)
Next.jsのAPI機能を使用しており、かつgetStaticProps内でfetchしている場合、ビルド時点ではAPI機能が立ち上がっていないため、別にサーバーを立ててそちらに向けるか、getStaticProps内で同様の処理をする必要があります。
個人的には好きではありませんが、API側の根幹の処理部分を別の関数として切り出してimportするのが修正としては手っ取り早い形になるかと思います。