小编bre*_*net的帖子

使用 NextJS 构建静态站点时，我希望该getInitialProps方法仅在构建步骤期间触发，而不是在客户端触发。

在构建步骤中，NextJS在使用每个组件呈现的 HTML 生成页面的静态 HTML 之前运行getInitialProps 方法。在客户端，NextJS 也会在页面组件呈现之前运行此方法，以便为组件返回必要的 props。因此，大型请求可能会延迟客户端的第一次绘制，因为这是一个阻塞请求。

// example usage of API call in getInitialProps
import fetch from 'isomorphic-unfetch'

function Page({ stars }) {
  return <div>Next stars: {stars}</div>
}

Page.getInitialProps = async ({ req }) => {
  const res = await fetch('https://api.github.com/repos/zeit/next.js')
  const json = await res.json()
  return { stars: json.stargazers_count }
}

export default Page

我不愿意将我的慢速 API 请求移动到componentDidMount以避免阻塞请求，因为我想使用构建步骤期间返回的数据来填充静态 HTML，并且此特定请求不需要动态或更新构建。

有没有办法只在构建时getInitialProps运行而不是在客户端加载页面时运行？next export