＜動的APIルーティング＞

1. 通常の動的ルーティングと同じ
2. リクエストのqueryフィールドかたURLの動的パスを取得できる

＜１　外部APIからデータを取得　GitHubAPI＞

• node-fetch: サーバーサイドでfetchメソッドを使う
• js-base64: APIで取得したデータをデコードする為

npm install --sabe node-fetch js-base64

＜２　GitHub SPIでファイル名を取得＞

• GitHub Respositories APIを対象ディレクトリに対して実行
• レスポンスのfiles(オブジェクトの配列)からファイル名を取得

const repoUrl = "<https://api.github.com/repos/deatiger/nextjs-tutorial-torasemi/contents/posts>";
  const response = await fetch(repoUrl);
  const files = response.json();
  const fileNames = files.map((file) => file.name);

return fileNames.map((fileName) => {
    return {
      params: {
        id: fileName.replace(/\\.md$/, ""),
      },
    };
  });

＜３　GitHubSPIでファイル情報を取得＞

• GitHubRepositories APIを対象ファイルに実行
• レスポンスのfileデータのcontentをデコード