用于 slug url 的 Next.js 路由，例如site.com/用户名

Question

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

（用户名信息是从一个 API 中提取的，该 API 也有用户 ID 和电子邮件）

如果我是一个完整的 Next.js 菜鸟，我将不胜感激有关前进方向的指南

Answer 1

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

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