🌟

WEBAPIのパスパラメータを取得する(Nextjs+TypeScript)

2025/02/19に公開

https://zenn.dev/kawaxumax/articles/9c4cea2d731dae

上記を参考にさせていただきました。URLの途中に入っている数字をNextjsの機能で取得します。
チュートリアルの以下も参考にします。
https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes

今回は htt://localhost:3000/api/users/[path] のpath部分を取得します。
GETリクエストを受け取るfuncとパスパラメータを取得します。

/app/api/users/[slug]/route.ts
import { NextRequest, NextResponse } from "next/server";
export async function GET(req: NextRequest,{params}: {
params: {slug: string }
}) {  
  return NextResponse.json({
    "id": params.slug,
    "message": "データを取得",
  });
}

http://localhost:3000/api/users/kusakari を見ると想定通り取得できています。

Discussion