diff --git a/app/app/editor/page.tsx b/app/app/editor/page.tsx
new file mode 100644
index 0000000..d1d6829
--- /dev/null
+++ b/app/app/editor/page.tsx
@@ -0,0 +1,24 @@
+"use client";
+
+import React from "react";
+
+import Navigation from "@/components/ConsoleNavigation";
+import Editor from "@/components/TextEditor";
+
+const page = () => {
+  const handleEditorChange = (value: string) => {
+    console.log(value);
+  };
+
+  return (
+    <>
+      <Navigation />
+
+      <section className="container mx-auto">
+        <Editor />
+      </section>
+    </>
+  );
+};
+
+export default page;
diff --git a/app/app/files/edit/page.tsx b/app/app/files/edit/page.tsx
new file mode 100644
index 0000000..8105e95
--- /dev/null
+++ b/app/app/files/edit/page.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import React from "react";
+
+import { useSearchParams } from "next/navigation";
+
+function Page() {
+  const searchParams = useSearchParams();
+  const serverId = searchParams.get("serverid");
+
+  return <div>{serverId}</div>;
+}
+
+export default Page;