Update with-zeit-fetch example to use SSG (#11026)

examples/with-zeit-fetch/pages/index.js

@@ -2,21 +2,21 @@ import React from 'react'
 import Link from 'next/link'
 import fetch from '../fetch'
 
-function Index(props) {
+export default 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/with-zeit-fetch/pages/preact.js

@@ -2,21 +2,21 @@ import React from 'react'
 import Link from 'next/link'
 import fetch from '../fetch'
 
-function Preact(props) {
+export default 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