Next.js中能否用getInitialProps搭配getStaticPaths替代getStaticProps？

不能，getStaticPaths 无法搭配 getInitialProps 替代 getStaticProps 实现静态生成的动态路由渲染，核心原因如下：

• 从Next.js的内部识别逻辑看，getStaticPaths 是专门为静态站点生成（SSG）场景设计的API，框架只有在同页面文件检测到 getStaticProps 导出时，才会注册并执行 getStaticPaths 逻辑。如果页面只写了getStaticPaths和getInitialProps，框架会直接忽略getStaticPaths的所有配置，你写的预生成路径列表、fallback: 'blocking'规则完全不会生效。
• 从API运行时机看，两者完全不匹配：getStaticPaths 仅在项目构建阶段执行，作用是输出所有需要预渲染的动态路由参数；而getInitialProps属于服务端渲染（SSR）/客户端渲染（CSR）阶段的API，要么在用户每次发起请求时在服务端执行，要么在客户端路由跳转时在浏览器端执行，根本不会在构建阶段运行，没法和构建期执行的getStaticPaths配合。
• 你写的示例代码实际运行时，Next.js会直接把该页面判定为普通SSR/CSR页面：每次用户访问对应路由时才会执行getInitialProps拉取文章数据，不会在构建阶段预生成任何静态页面文件，完全达不到静态生成的效果。

可选实现方案 #

• 如果你需要实现静态生成的动态路由，直接使用官方要求的getStaticPaths+getStaticProps组合即可，这是该场景下的标准实现方式。
• 如果你出于某些原因一定要用getInitialProps，就不需要写getStaticPaths，页面会默认走SSR/CSR逻辑，每次请求动态拉取数据，不需要提前预生成路径列表。

你提供的示例代码逻辑说明：

export async function getStaticPaths(){
  // 该段逻辑在搭配getInitialProps时会被框架直接忽略
  return {
    paths,
    fallback: 'blocking',
  };
}

Post.getInitialProps = async ({ params = {} } = {}) => {
  const { post } = await getPostBySlug(params?.slug);
  // 该段逻辑会在每次请求/客户端跳转时执行，不属于静态生成流程
}

内容的提问来源于stack exchange，提问作者Wael Manai