getInitialProps -> getStaticProps

examples/amp-first/pages/index.js

@@ -234,7 +234,7 @@ const Home = props => (
 )
 
 // amp-script requires absolute URLs, so we create a property `host` which we can use to calculate the script URL.
-Home.getInitialProps = async ({ req }) => {
+Home.getStaticProps = async ({ req }) => {
   // WARNING: This is a generally unsafe application unless you're deploying to a managed platform like ZEIT Now.
   // Be sure your load balancer is configured to not allow spoofed host headers.
   return { host: `${getProtocol(req)}://${req.headers.host}` }

examples/analyze-bundles/pages/index.js

@@ -2,7 +2,7 @@ import React from 'react'
 import Link from 'next/link'
 
 export default class Index extends React.Component {
-  static getInitialProps({ req }) {
+  static getStaticProps({ req }) {
     if (req) {
       // Runs only in the server
       const faker = require('faker')

examples/api-routes-graphql/pages/index.js

@@ -8,7 +8,7 @@ const Index = ({ users }) => (
   </div>
 )
 
-Index.getInitialProps = async () => {
+Index.getStaticProps = async () => {
   const response = await fetch('http://localhost:3000/api/graphql', {
     method: 'POST',
     headers: {

examples/api-routes-micro/pages/index.js

@@ -8,7 +8,7 @@ const Index = ({ posts }) => (
   </ul>
 )
 
-Index.getInitialProps = async () => {
+Index.getStaticProps = async () => {
   const response = await fetch('http://localhost:3000/api/posts')
   const posts = await response.json()
 

examples/api-routes-middleware/pages/index.js

@@ -2,7 +2,7 @@ import fetch from 'isomorphic-unfetch'
 
 const Index = ({ cookie }) => <div>{`Cookie from response: ${cookie}`}</div>
 
-Index.getInitialProps = async () => {
+Index.getStaticProps = async () => {
   const response = await fetch('http://localhost:3000/api/cookies')
   const cookie = response.headers.get('set-cookie')
 

examples/api-routes-rest/pages/index.js

@@ -13,7 +13,7 @@ const Index = ({ users }) => (
   </ul>
 )
 
-Index.getInitialProps = async () => {
+Index.getStaticProps = async () => {
   const response = await fetch('http://localhost:3000/api/users')
   const users = await response.json()
 

examples/api-routes/pages/index.js

@@ -9,7 +9,7 @@ const Index = ({ people }) => (
   </ul>
 )
 
-Index.getInitialProps = async () => {
+Index.getStaticProps = async () => {
   const response = await fetch('http://localhost:3000/api/people')
   const people = await response.json()
 

examples/api-routes/pages/person.js

@@ -30,7 +30,7 @@ const Person = ({ data, status }) =>
     <p>{data.message}</p>
   )
 
-Person.getInitialProps = async ({ query }) => {
+Person.getStaticProps = async ({ query }) => {
   const response = await fetch(`http://localhost:3000/api/people/${query.id}`)
 
   const data = await response.json()

examples/auth0/pages/advanced/ssr-profile.js

@@ -20,7 +20,7 @@ function Profile({ user }) {
   )
 }
 
-Profile.getInitialProps = async ({ req, res }) => {
+Profile.getServerSideProps = async ({ req, res }) => {
   // On the server-side you can check authentication status directly
   // However in general you might want to call API Routes to fetch data
   // An example of directly checking authentication:

examples/blog-starter/pages/index.js

@@ -74,7 +74,7 @@ const Blog = ({ router, page = 1 }) => {
   )
 }
 
-Blog.getInitialProps = async ({ query }) => {
+Blog.getStaticProps = async ({ query }) => {
   return query ? { page: query.page } : {}
 }
 

examples/custom-server-express/pages/posts.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 
 export default class extends Component {
-  static getInitialProps({ query: { id } }) {
+  static getStaticProps({ query: { id } }) {
     return { postId: id }
   }
 

examples/data-fetch/pages/index.js

@@ -13,7 +13,7 @@ function Index(props) {
   )
 }
 
-Index.getInitialProps = async () => {
+Index.getStaticProps = async () => {
   const res = await fetch('https://api.github.com/repos/zeit/next.js')
   const json = await res.json() // better use it inside try .. catch
   return { stars: json.stargazers_count }

examples/data-fetch/pages/preact.js

@@ -13,7 +13,7 @@ function Preact(props) {
   )
 }
 
-Preact.getInitialProps = async () => {
+Preact.getStaticProps = async () => {
   const res = await fetch('https://api.github.com/repos/developit/preact')
   const json = await res.json() // better use it inside try .. catch
   return { stars: json.stargazers_count }

examples/form-handler/pages/_app.js

@@ -5,11 +5,11 @@ import withRedux from 'next-redux-wrapper'
 import { initStore } from '../store'
 
 class MyApp extends App {
-  static async getInitialProps({ Component, router, ctx }) {
+  static async getStaticProps({ Component, router, ctx }) {
     let pageProps = {}
 
-    if (Component.getInitialProps) {
-      pageProps = await Component.getInitialProps(ctx)
+    if (Component.getStaticProps) {
+      pageProps = await Component.getStaticProps(ctx)
     }
 
     return { pageProps }

examples/ssr-caching/pages/blog.js

@@ -1,7 +1,7 @@
 import React from 'react'
 
 export default class extends React.Component {
-  static getInitialProps({ query: { id } }) {
+  static getStaticProps({ query: { id } }) {
     return { id }
   }
 

examples/using-router/pages/error.js

@@ -3,7 +3,7 @@ import Header from '../components/Header'
 import Router from 'next/router'
 
 export default class extends Component {
-  static getInitialProps() {
+  static getStaticProps() {
     console.log(Router.pathname)
     return {}
   }

examples/with-algolia-react-instantsearch/pages/index.js

@@ -25,7 +25,7 @@ export default class extends React.Component {
      once it does, params.query could be used directly here, but also inside the constructor
      to initialize the searchState.
   */
-  static async getInitialProps(params) {
+  static async getStaticProps(params) {
     const searchState = qs.parse(
       params.asPath.substring(params.asPath.indexOf('?') + 1)
     )

examples/with-apollo-and-redux-saga/pages/_app.js

@@ -7,11 +7,11 @@ import withReduxSaga from 'next-redux-saga'
 import createStore from '../lib/store'
 
 class MyApp extends App {
-  static async getInitialProps({ Component, ctx }) {
+  static async getStaticProps({ Component, ctx }) {
     let pageProps = {}
 
-    if (Component.getInitialProps) {
-      pageProps = await Component.getInitialProps({ ctx })
+    if (Component.getStaticProps) {
+      pageProps = await Component.getStaticProps({ ctx })
     }
 
     return { pageProps }

examples/with-apollo-and-redux-saga/pages/index.js

@@ -11,7 +11,7 @@ import Header from '../components/Header'
 import Page from '../components/Page'
 
 class PageIndex extends React.Component {
-  static async getInitialProps({ ctx: { store } }) {
+  static async getStaticProps({ ctx: { store } }) {
     store.dispatch(countIncrease())
     if (!store.getState().placeholder.data) {
       store.dispatch(loadData())

examples/with-apollo-and-redux/pages/index.js

@@ -33,7 +33,7 @@ const IndexPage = () => {
   )
 }
 
-IndexPage.getInitialProps = ({ reduxStore }) => {
+IndexPage.getStaticProps = ({ reduxStore }) => {
   // Tick the time once, so we'll have a
   // valid time before first render
   const { dispatch } = reduxStore

examples/with-apollo-and-redux/pages/redux.js

@@ -24,7 +24,7 @@ const ReduxPage = () => {
   )
 }
 
-ReduxPage.getInitialProps = ({ reduxStore }) => {
+ReduxPage.getStaticProps = ({ reduxStore }) => {
   // Tick the time once, so we'll have a
   // valid time before first render
   const { dispatch } = reduxStore

examples/with-aws-amplify/pages/index.js

@@ -111,7 +111,7 @@ const App = props => {
     </div>
   )
 }
-App.getInitialProps = async () => {
+App.getStaticProps = async () => {
   let result = await API.graphql(
     graphqlOperation(getTodoList, { id: 'global' })
   )