next.js

このロジックは、APIルートとgetServersideProps（）の両方で使用できる別の関数に抽出できます。 async関数getData（）をエクスポート{ const response = await fetch（/ * external API endpoint */）; const jsondata = await respons.json（）; jsondataを返します。 } デフォルトのasync functionハンドラー（req、res）をエクスポートする{ const jsondata = await getData（）; Res.Status（200）.Json（Jsondata）; }

これにより、getData（）関数をgetServersidisProps（）：

// pages/homeで再利用できるようになります。 './api/user'から{getData}をインポートします。 async関数getserversideprops（コンテキスト）をエクスポートする{ const jsondata = await getData（）; // ... }

これらのガイドラインに従うことにより、開発者はSEOの利点を維持しながら、next.jsアプリケーションのパフォーマンスと効率を改善できます。