diff --git a/pages/[[...index]].tsx b/pages/[[...index]].tsx
deleted file mode 100644
index 56cdeb7..0000000
--- a/pages/[[...index]].tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-/** @jsxImportSource theme-ui */
-import type { GetStaticPaths, GetStaticProps, NextPage } from "next";
-import Head from "next/head";
-import { Box } from "theme-ui";
-
-import { useRouter } from "next/router";
-import HooksEditor from "../components/HooksEditor";
-import { useEffect } from "react";
-import { fetchFiles } from "../state";
-import Footer from "../components/Footer";
-
-const Home: NextPage = () => {
- const router = useRouter();
- const index = router.query.index;
- const gistId = index && Array.isArray(index) ? index[0] : "";
- useEffect(() => {
- fetchFiles(gistId);
- }, [gistId]);
- return (
- <>
-
- XRPL Hooks Playground
-
-
-
-
-
-
-
-
- );
-};
-
-export default Home;
-
-export const getStaticPaths: GetStaticPaths = async () => {
- // ...
- return { paths: [], fallback: "blocking" };
-};
-
-export const getStaticProps: GetStaticProps = async (context) => {
- // ...
- return {
- props: {},
- revalidate: 60,
- };
-};
diff --git a/pages/_middleware.ts b/pages/_middleware.ts
new file mode 100644
index 0000000..71583d1
--- /dev/null
+++ b/pages/_middleware.ts
@@ -0,0 +1,12 @@
+import type { NextRequest, NextFetchEvent } from 'next/server';
+import { NextResponse as Response } from 'next/server';
+import { getToken } from "next-auth/jwt"
+
+export default function middleware(req: NextRequest, ev: NextFetchEvent) {
+
+ if (req.nextUrl.pathname === "/") {
+ console.log('kissa', ev);
+ return Response.redirect("/develop");
+
+ }
+}
\ No newline at end of file
diff --git a/pages/deploy/index.tsx b/pages/deploy/index.tsx
new file mode 100644
index 0000000..f4c4008
--- /dev/null
+++ b/pages/deploy/index.tsx
@@ -0,0 +1,12 @@
+import { useSnapshot } from "valtio";
+import Container from "../../components/Container";
+import { state } from "../../state";
+
+const Deploy = () => {
+ const snap = useSnapshot(state);
+ return (
+ This will be the deploy page {JSON.stringify(snap)}
+ );
+};
+
+export default Deploy;
diff --git a/pages/develop/index.tsx b/pages/develop/index.tsx
new file mode 100644
index 0000000..5980251
--- /dev/null
+++ b/pages/develop/index.tsx
@@ -0,0 +1,39 @@
+import type { NextPage } from "next";
+import Head from "next/head";
+import dynamic from "next/dynamic";
+
+import Footer from "../../components/Footer";
+
+const HooksEditor = dynamic(() => import("../../components/HooksEditor"), {
+ ssr: false,
+});
+
+const Home: NextPage = () => {
+ return (
+ <>
+
+ XRPL Hooks Playground
+
+
+
+
+
+
+
+ );
+};
+
+export default Home;
+
+// export const getStaticPaths: GetStaticPaths = async () => {
+// // ...
+// return { paths: [], fallback: "blocking" };
+// };
+
+// export const getStaticProps: GetStaticProps = async (context) => {
+// // ...
+// return {
+// props: {},
+// revalidate: 60,
+// };
+// };
diff --git a/pages/test/index.tsx b/pages/test/index.tsx
new file mode 100644
index 0000000..da05958
--- /dev/null
+++ b/pages/test/index.tsx
@@ -0,0 +1,7 @@
+import Container from "../../components/Container";
+
+const Test = () => {
+ return This will be the test page;
+};
+
+export default Test;