Updated to Next.js 13

components/Header.js

@@ -0,0 +1,26 @@
+import Link from "next/link";
+import styles from '../styles/Header.module.css'
+
+export default function Header(props) {
+    const isInfoPage = typeof window !== "undefined" && window.location.pathname === "/info"
+
+    return (
+        <header className={styles.header}>
+            <nav
+                className={styles.nav}
+                role="navigation"
+                aria-label="main navigation"
+            >
+                <Link href="/">
+                    <h1>{props.siteTitle}</h1>
+                </Link>
+                <div>
+                    <Link href={isInfoPage ? '/' : '/info'}>
+                        <h1>{isInfoPage ? 'close' : 'info'}</h1>
+                    </Link>
+                </div>
+            </nav>
+        </header>
+    );
+}
+