Updated to Next.js 13

pages/info.js

@@ -0,0 +1,33 @@
+import Layout from '../components/Layout'
+import matter from 'gray-matter'
+import ReactMarkdown from 'react-markdown'
+import styles from "../styles/Info.module.css"
+
+export default function Info({ frontmatter, markdownBody, title }) {
+  return (
+    <Layout
+      pathname="info"
+      bgColor={frontmatter.background_color}
+      siteTitle={title}
+    >
+      <section className={styles.info_blurb}>
+        <ReactMarkdown>{markdownBody}</ReactMarkdown>
+      </section>
+    </Layout>
+  )
+}
+
+export async function getStaticProps() {
+  const content = await import(`../data/info.md`)
+  const config = await import(`../data/config.json`)
+
+  const data = matter(content.default)
+
+  return {
+    props: {
+      title: config.title,
+      frontmatter: data.data,
+      markdownBody: data.content,
+    },
+  }
+}