Next.js slug url 的路由，例如网站。com/username

Question

我正在尝试路由，以便每个用户名都有一个个人资料页面，例如 site.com/jack 或 site.com/jill

（用户名信息是从 API 中提取的，该 API 也将包含用户 ID 和电子邮件）

我是一个完整的 Next.js 菜鸟

，希望能指导我前进的方向

Answer 1

这取决于你的 pages 文件夹，如果你有 pages > [name].js 或 pages > [name] > index.js ，你可以从 context.query 的 getServerSideProps

export const getServerSideProps = async (context) => {
     const { name } = context.query;
return {
props: {
name
}
}
     
}

Next.js routing for slug urls e.g. site.com/username