feat: migrate to nextra

packages/website/components/AddEthereumChainButton.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 type Props = {
   buttonText: string;
   chain: string;
@@ -52,7 +50,7 @@ async function addEthereumChain(chain: string) {
   });
 }
 
-export default function AddEthereumChainButton(props: Props): JSX.Element {
+export default function AddEthereumChainButton(props: Props) {
   return (
     <div
       onClick={() => addEthereumChain(props.chain)}

packages/website/components/BlogSection.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 const posts = [
   {
     title: "Taiko Ambassador Program",
@@ -47,10 +45,8 @@ const posts = [
     },
   },
 ];
-/**
- * @returns Blog section displaying latest Taiko blog posts from Mirror
- */
-export default function BlogSection(): JSX.Element {
+
+export default function BlogSection() {
   return (
     <div className="relative bg-neutral-50 px-4 pt-16 pb-20 sm:px-6 lg:px-8 lg:pt-24 lg:pb-28 dark:bg-neutral-900">
       <div className="absolute inset-0">
@@ -96,14 +92,12 @@ export default function BlogSection(): JSX.Element {
                 </div>
                 <div className="mt-6 flex items-center">
                   <div className="flex-shrink-0">
-                    <a>
-                      <span className="sr-only">{post.author.name}</span>
-                      <img
-                        className="h-10 w-10 rounded-full"
-                        src={post.author.imageUrl}
-                        alt=""
-                      />
-                    </a>
+                    <span className="sr-only">{post.author.name}</span>
+                    <img
+                      className="h-10 w-10 rounded-full"
+                      src={post.author.imageUrl}
+                      alt=""
+                    />
                   </div>
                   <div className="ml-3">
                     <div className="text-sm font-medium text-[#fc0fc0]">

packages/website/components/Features.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import {
   ArrowPathIcon,
   GlobeAltIcon,

packages/website/components/Footer.tsx

@@ -1,4 +1,4 @@
-export default function Footer(): JSX.Element {
+export default function Footer() {
   return (
     <footer className="bg-neutral-100 dark:bg-neutral-900">
       <div className="grid grid-cols-2 gap-8 px-6 py-8 md:grid-cols-3 md:px-44">

packages/website/components/Hero.tsx

@@ -50,7 +50,7 @@ export default function Hero() {
             <div className="mt-10 flex md:justify-left">
               <div className="inline-flex rounded-md shadow">
                 <a
-                  href="/docs/alpha-testnet-guide/get-started"
+                  href="/docs/alpha-1-testnet-guide/get-started"
                   className="inline-flex items-center rounded-md border border-transparent bg-[#e30ead] px-5 py-3 text-base font-semibold text-white dark:text-neutral-100 hover:bg-[#bd0b90] hover:no-underline hover:text-white"
                 >
                   Explore Snæfellsjökull 🌋

packages/website/package.json

@@ -8,16 +8,16 @@
     "start": "pnpm next start"
   },
   "dependencies": {
-    "next": "^13.0.6",
-    "nextra": "2.0.1",
-    "nextra-theme-docs": "2.0.1",
+    "next": "^13.1.2",
+    "nextra": "^2.2.3",
+    "nextra-theme-docs": "^2.2.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@heroicons/react": "^2.0.13",
-    "@types/node": "18.11.10",
-    "@types/react": "18.0.26",
+    "@next/font": "^13.1.2",
+    "@types/node": "^18.11.10",
     "autoprefixer": "^10.4.13",
     "postcss": "^8.4.20",
     "tailwindcss": "^3.2.4",

packages/website/pages/_app.tsx

@@ -0,0 +1,15 @@
+import "../styles.css";
+import { Oxanium } from "@next/font/google";
+
+const oxanium = Oxanium({
+  subsets: ["latin"],
+  variable: "--font-oxanium",
+});
+
+export default function MyApp({ Component, pageProps }) {
+  return (
+    <main className={`${oxanium.variable}`}>
+      <Component {...pageProps} />
+    </main>
+  );
+}

packages/website/pages/docs/_meta.json

@@ -2,11 +2,7 @@
   "learn": {
     "title": "Learn"
   },
-<<<<<<< HEAD
   "alpha-1-testnet-guide": {
-=======
-  "alpha-testnet-guide": {
->>>>>>> 3c38a3c (feat: migrate to nextra)
     "title": "Alpha-1 Testnet Guide"
   },
   "contract-documentation": {

packages/website/pages/docs/contract-documentation/L1/TaikoData.md

@@ -34,6 +34,7 @@ struct Config {
   uint64 bootstrapDiscountHalvingPeriod;
   uint64 initialUncleDelay;
   bool enableTokenomics;
+  bool enablePublicInputsCheck;
 }
 ```
 

packages/website/pages/docs/contract-documentation/bridge/Bridge.md

@@ -122,3 +122,9 @@ Returns the bridge state context.
 ```solidity
 function isDestChainEnabled(uint256 _chainId) public view returns (bool)
 ```
+
+### getMessageStatusSlot
+
+```solidity
+function getMessageStatusSlot(bytes32 signal) public pure returns (bytes32)
+```

packages/website/pages/index.mdx

@@ -1,3 +1,7 @@
+---
+title: "Taiko"
+---
+
 import Hero from "components/Hero";
 import Features from "components/Features";
 import BlogSection from "components/BlogSection";

packages/website/tailwind.config.js

@@ -7,7 +7,7 @@ module.exports = {
   theme: {
     extend: {
       fontFamily: {
-        oxanium: ["Oxanium", "sans-serif"],
+        oxanium: ["var(--font-oxanium)"],
       },
     },
   },