From fc907e2f81698d89502fb2ee0375e6d98a492c13 Mon Sep 17 00:00:00 2001
From: Jarred Sumner <jarred@jarredsumner.com>
Date: Thu, 9 Sep 2021 23:33:34 -0700
Subject: current

---
 examples/hello-next/pages/index.tsx | 151 +++++++++++++++++++++---------------
 1 file changed, 88 insertions(+), 63 deletions(-)

(limited to 'examples/hello-next/pages/index.tsx')
diff --git a/examples/hello-next/pages/index.tsx b/examples/hello-next/pages/index.tsx
index 7a2eb9f64..52b8f1f1f 100644
--- a/examples/hello-next/pages/index.tsx
+++ b/examples/hello-next/pages/index.tsx
@@ -1,80 +1,105 @@
 import Head from "next/head";
-import Image from "next/image";
-import styles from "../styles/Home.module.css";
 import Link from "next/link";
 import { useRouter } from "next/router";
-import Title, { TitleEnum } from "../components/Title";
 import React from "react";
+import {
+  Tweet,
+  TwitterContextProvider,
+} from "@jarred/react-static-tweets/src/index";
+import "@jarred/react-static-tweets/styles.css";
+import { fetchTweetAst } from "@jarred/static-tweets/src/fetchTweetAst";
+import { SWRConfig } from "swr";
+import styles from "../styles/Home.module.css";
 
-export default function Home({}) {
-  const router = useRouter();
+export async function getStaticProps(ctx) {
+  return {
+    props: {
+      tweetAst: await fetchTweetAst("1390084458724741121"),
+    },
+  };
+}
 
+export default function Home({ tweetAst }) {
   return (
-    <div className={styles.container}>
-      <Head>
-        <title>Fo</title>
-        <meta name="description" content="Generated by create next app" />
-        <link rel="icon" href="/favicon.ico" />
-      </Head>
+    <SWRConfig value={{ fallback: { [tweetAst[0].data.id]: tweetAst } }}>
+      <TwitterContextProvider
+        value={{
+          tweetAstMap: { [tweetAst[0].data.id]: tweetAst },
+        }}
+      >
+        <div className={styles.container}>
+          <Head>
+            <title>Fo</title>
+            <meta name="description" content="Generated by create next app" />
+            <link rel="icon" href="/favicon.ico" />
+          </Head>
 
-      <main className={styles.main}>
-        <h1 className={styles.title}>
-          Welcome to <a href="https://nextjs.org">Next.js!</a>
-        </h1>
+          <main className={styles.main}>
+      
+            {/* <h1 className={styles.title}>
+              Welcome to <a href="https://nextjs.org">Next.js!</a>
+            </h1>
 
-        <p className={styles.description}>
-          Get started by editing{" "}
-          <code className={styles.code}>pages/index.js</code>
-        </p>
+            <p className={styles.description}>
+              Get started by editing{" "}
+              <code className={styles.code}>pages/index.js</code>
+            </p>
 
-        <div className={styles.grid}>
-          <Link href="/second">
-            <div className={styles.card}>
-              <h2>Second Page &rarr;</h2>
-              <p>Link</p>
-            </div>
-          </Link>
+            <div className={styles.grid}>
+              <Link href="/second">
+                <div className={styles.card}>
+                  <h2>Second Page &rarr;</h2>
+                  <p>Link</p>
+                </div>
+              </Link>
 
-          <a
-            onClick={() => router.push("/foo/bar/third")}
-            className={styles.card}
-          >
-            <h2>Third Page &rarr;</h2>
-            <p>button, router.push()</p>
-          </a>
+              <a
+                onClick={() => router.push("/foo/bar/third")}
+                className={styles.card}
+              >
+                <h2>Third Page &rarr;</h2>
+                <p>button, router.push()</p>
+              </a>
 
-          <a
-            href="https://github.com/vercel/next.js/tree/master/examples"
-            className={styles.card}
-          >
-            <h2>Examples &rarr;</h2>
-            <p>Discover and deploy boilerplate example Next.js projects.</p>
-          </a>
+              <a
+                href="https://github.com/vercel/next.js/tree/master/examples"
+                className={styles.card}
+              >
+                <h2>Examples &rarr;</h2>
+                <p>Discover and deploy boilerplate example Next.js projects.</p>
+              </a>
 
-          <a
-            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-            className={styles.card}
-          >
-            <h2>Deploy &rarr;</h2>
-            <p>
-              Instantly deploy your Next.js site to a public URL with Vercel.
-            </p>
-          </a>
+              <a
+                href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+                className={styles.card}
+              >
+                <h2>Deploy &rarr;</h2>
+                <p>
+                  Instantly deploy your Next.js site to a public URL with
+                  Vercel.
+                </p>
+              </a>
+            </div> */}
+          </main>
+
+          {/* <footer className={styles.footer}>
+            <a
+              href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Powered by{" "}
+              <span className={styles.logo}>
+                <img
+                  src="/vercel.svg"
+                  alt="Vercel Logo"
+                  width={72}
+                  height={16}
+                />
+              </span>
+            </a>
+          </footer> */}
         </div>
-      </main>
 
-      <footer className={styles.footer}>
-        <a
-          href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Powered by{" "}
-          <span className={styles.logo}>
-            <img src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
-          </span>
-        </a>
-      </footer>
-    </div>
   );
 }
-- 
cgit v1.2.3

