Update data-fetch example to SSG

examples/data-fetch/pages/index.js

@@ -2,21 +2,25 @@ import React from 'react'
 import Link from 'next/link'
 import fetch from 'isomorphic-unfetch'
 
-function Index(props) {
+function Index({stars}) {
   return (
     <div>
-      <p>Next.js has {props.stars} ⭐️</p>
+      <p>Next.js has {stars} ⭐️</p>
       <Link href="/preact">
         <a>How about preact?</a>
       </Link>
     </div>
   )
 }
 
-Index.getInitialProps = async () => {
+export async function getStaticProps() {
   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 }
+  return {
+    props: {
+      stars: json.stargazers_count
+    }
+  }
 }
 
 export default Index

examples/data-fetch/pages/preact.js

@@ -2,21 +2,25 @@ import React from 'react'
 import Link from 'next/link'
 import fetch from 'isomorphic-unfetch'
 
-function Preact(props) {
+function Preact({stars}) {
   return (
     <div>
-      <p>Preact has {props.stars} ⭐</p>
+      <p>Preact has {stars} ⭐</p>
       <Link href="/">
         <a>I bet Next.js has more stars (?)</a>
       </Link>
     </div>
   )
 }
 
-Preact.getInitialProps = async () => {
+export async function getStaticProps() {
   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 }
+  return {
+    props: {
+      stars: json.stargazers_count
+    }
+  }
 }
 
 export default Preact