javascript - 用于 slug url 的 Next.js 路由，例如 site.com/username

Question

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

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

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

标签： javascriptroutesnext.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
}
}
     
}