[Next.js]極限まで簡単に非同期データのSSRを実装する

極限まで簡単に SSR を実装する流れ 不要な既存機能 今回の内容を実装するに当たってgetServerSideProps、getInitialProps、React Server Componentsは必要ありません。特殊なものを仕込んだりはしないのでnext.config.jsの設定も不要です。_app.tsx に何か書く必要もありません。 非同期データがコンポーネント上で簡単に SSR で出力可能 非同期データを扱う最小限のサンプルコードです。コンポーネント上で非同期の'Hello world!'を返していますが、きちんと初期レンダリングで HTML 上に出力されています。もちろん fetch で取得したデータも利用出来ますが、そちらは後ほど紹介します。 src/pages/simple.tsx 非同期データが必要なコンポーネントを<SSRProvider>で囲み、データが必要なとこ