nextjs 公用组件（如导航Header）如何获取数据？

Question

每个页面头部都希望展示个Header
因此我把Header封装到了Layout中，现在有一个问题
我的Header组件里面的数据也是希望SSR渲染的，我该如何获取数据？
在_app.tsx文件下面不能使用getServersideProps获取数据，我该怎么去拿数据

Answer 1

https://nextjs.org/blog/layouts-rfc#data-fetching-in-layouts
https://github.com/vercel/next.js/discussions/10949

Next.js 13.0 已经支持在 app/ 中使用 getServerSideProps

// layout.js
export async function getServerSideProps({ params }) {
  const { accountType } = await fetchAccount(params.slug);
  return { props: { isUser: accountType === 'user' } };
}

export default function UserOrTeamLayout({ isUser, user, team }) {
  return <>{isUser ? user : team}</>;
}