鼻涕虫URL的Next.js路由，例如site.com/username

Question

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

(用户名信息是从API中提取的，该API还将具有用户ID和电子邮件(

我是一个完整的Next.js noob ，希望能给我一个方向指南

Answer 1

如果有页面，则取决于页面文件夹的设置方式>[name].js或pages>[名称]>index.js，可以从getServerSideProps 的context.query中获取

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

}