Skip to content
DocsErrorsOpt-out of Automatic Static Optimization

Opt-out of Automatic Static Optimization

Why This Warning Occurred

You are using getInitialProps in your Custom <App> file.

This causes all pages that do not use getStaticProps into Server-side Rendering (at runtime) and disables Automatic Static Optimization.

Possible Ways to Fix It

Verify if you need to use getInitialProps in pages/_app. There are some valid use cases for this, but it's often better to use getInitialProps in individual pages.

The following getInitialProps can be removed:

class MyApp extends App {
  // Remove me, I do nothing!
  static async getInitialProps({ Component, ctx }) {
    let pageProps = {}
    if (Component.getInitialProps) {
      pageProps = await Component.getInitialProps(ctx)
    return { pageProps }
  render() {
    // ...