Next.jsのダイナミックルーティングを実装してみた - Qiita

import Link from 'next/link' // post：getStaticPropsから取得したデータ export default ({ post }) => { return ( <div> <h1>{post.title}</h1> <p>{post.body}</p> <Link href="/"> <a>Back</a> </Link> </div> ) } export const getStaticPaths = async () => { // 外部APIエンドポイントを呼び出しデータ取得 const res = await fetch("https://jsonplaceholder.typicode.com/posts") const posts = await res.json() // 事前ビルドしたいパスを指定 const paths = pos