Upgrade Nextra 2

README.md

@@ -1,3 +1,3 @@
-# docs
+# FnApi Docs
 
-Source code for https://docs.fnapi.dev
+Source code for https://fnapi.dev

package.json

@@ -10,8 +10,8 @@
   },
   "dependencies": {
     "next": "^12.1.5-canary.4",
-    "nextra": "2.0.0-alpha.48",
-    "nextra-theme-docs": "^1.2.6",
+    "nextra": "2.0.0-alpha.56",
+    "nextra-theme-docs": "2.0.0-alpha.59",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },

pages/_app.tsx

@@ -1,4 +1,20 @@
+import { NextPage } from "next";
+import { AppProps } from "next/app";
 import "nextra-theme-docs/style.css";
-export default function Nextra({ Component, pageProps }: any) {
-  return <Component {...pageProps} />;
+import { ReactElement, ReactNode } from "react";
+
+// https://nextjs.org/docs/basic-features/layouts#with-typescript
+
+export type NextPageWithLayout = NextPage & {
+  getLayout?: (page: ReactElement) => ReactNode;
+};
+
+type AppPropsWithLayout = AppProps & {
+  Component: NextPageWithLayout;
+};
+
+export default function Nextra({ Component, pageProps }: AppPropsWithLayout) {
+  const getLayout = Component.getLayout ?? ((page) => page);
+
+  return getLayout(<Component {...pageProps} />);
 }

pages/index.mdx

@@ -27,3 +27,8 @@ Features
 - Invoke remote functions just like a local asynchronous function.
 - Auto-generated typed clients.
 - No boilerplace code, including codes related to http.
+
+<div style={{ textAlign: "center", marginTop: "4rem" }}>
+  [Get Started](/docs/getting-started) · [GitHub
+  Repository](https://github.com/fnapi/fnapi)
+</div>

pages/meta.json

@@ -1,11 +1,18 @@
 {
   "index": {
     "title": "Introduction",
-    "type": "nav",
-    "hidden": true
+    "type": "page",
+    "hidden": true,
+    "theme": {
+      "sidebar": false,
+      "toc": false,
+      "footer": true,
+      "pagination": true,
+      "breadcrumb": false
+    }
   },
   "docs": {
     "title": "Docs",
-    "type": "nav"
+    "type": "page"
   }
 }