diff --git a/src/app/_components/create-post.tsx b/src/app/_components/create-post.tsx
index 02d7c38..ca5afcb 100644
--- a/src/app/_components/create-post.tsx
+++ b/src/app/_components/create-post.tsx
@@ -1,43 +1,43 @@
-"use client";
+// "use client";
 
-import { useRouter } from "next/navigation";
-import { useState } from "react";
+// import { useRouter } from "next/navigation";
+// import { useState } from "react";
 
-import { api } from "~/trpc/react";
+// import { api } from "~/trpc/react";
 
-export function CreatePost() {
-  const router = useRouter();
-  const [name, setName] = useState("");
+// export function CreatePost() {
+//   const router = useRouter();
+//   const [name, setName] = useState("");
 
-  const createPost = api.post.create.useMutation({
-    onSuccess: () => {
-      router.refresh();
-      setName("");
-    },
-  });
+//   const createPost = api.post.create.useMutation({
+//     onSuccess: () => {
+//       router.refresh();
+//       setName("");
+//     },
+//   });
 
-  return (
-    <form
-      onSubmit={(e) => {
-        e.preventDefault();
-        createPost.mutate({ name });
-      }}
-      className="flex flex-col gap-2"
-    >
-      <input
-        type="text"
-        placeholder="Title"
-        value={name}
-        onChange={(e) => setName(e.target.value)}
-        className="w-full rounded-full px-4 py-2 text-black"
-      />
-      <button
-        type="submit"
-        className="rounded-full bg-white/10 px-10 py-3 font-semibold transition hover:bg-white/20"
-        disabled={createPost.isLoading}
-      >
-        {createPost.isLoading ? "Submitting..." : "Submit"}
-      </button>
-    </form>
-  );
-}
+//   return (
+//     <form
+//       onSubmit={(e) => {
+//         e.preventDefault();
+//         createPost.mutate({ name });
+//       }}
+//       className="flex flex-col gap-2"
+//     >
+//       <input
+//         type="text"
+//         placeholder="Title"
+//         value={name}
+//         onChange={(e) => setName(e.target.value)}
+//         className="w-full rounded-full px-4 py-2 text-black"
+//       />
+//       <button
+//         type="submit"
+//         className="rounded-full bg-white/10 px-10 py-3 font-semibold transition hover:bg-white/20"
+//         disabled={createPost.isLoading}
+//       >
+//         {createPost.isLoading ? "Submitting..." : "Submit"}
+//       </button>
+//     </form>
+//   );
+// }
diff --git a/src/server/api/root.ts b/src/server/api/root.ts
index 3d629a7..cdf70b0 100644
--- a/src/server/api/root.ts
+++ b/src/server/api/root.ts
@@ -1,4 +1,4 @@
-import { postRouter } from "~/server/api/routers/post";
+// import { postRouter } from "~/server/api/routers/post";
 import { createTRPCRouter } from "~/server/api/trpc";
 
 /**
@@ -7,7 +7,7 @@ import { createTRPCRouter } from "~/server/api/trpc";
  * All routers added in /api/routers should be manually added here.
  */
 export const appRouter = createTRPCRouter({
-  post: postRouter,
+  // post: postRouter,
 });
 
 // export type definition of API
diff --git a/src/server/api/routers/post.ts b/src/server/api/routers/post.ts
index b8e95d2..6d234bf 100644
--- a/src/server/api/routers/post.ts
+++ b/src/server/api/routers/post.ts
@@ -1,31 +1,31 @@
-import { z } from "zod";
+// import { z } from "zod";
 
-import { createTRPCRouter, publicProcedure } from "~/server/api/trpc";
-import { posts } from "~/server/db/schema";
+// import { createTRPCRouter, publicProcedure } from "~/server/api/trpc";
+// import { posts } from "~/server/db/schema";
 
-export const postRouter = createTRPCRouter({
-  hello: publicProcedure
-    .input(z.object({ text: z.string() }))
-    .query(({ input }) => {
-      return {
-        greeting: `Hello ${input.text}`,
-      };
-    }),
+// export const postRouter = createTRPCRouter({
+//   hello: publicProcedure
+//     .input(z.object({ text: z.string() }))
+//     .query(({ input }) => {
+//       return {
+//         greeting: `Hello ${input.text}`,
+//       };
+//     }),
 
-  create: publicProcedure
-    .input(z.object({ name: z.string().min(1) }))
-    .mutation(async ({ ctx, input }) => {
-      // simulate a slow db call
-      await new Promise((resolve) => setTimeout(resolve, 1000));
+//   create: publicProcedure
+//     .input(z.object({ name: z.string().min(1) }))
+//     .mutation(async ({ ctx, input }) => {
+//       // simulate a slow db call
+//       await new Promise((resolve) => setTimeout(resolve, 1000));
 
-      await ctx.db.insert(posts).values({
-        name: input.name,
-      });
-    }),
+//       await ctx.db.insert(posts).values({
+//         name: input.name,
+//       });
+//     }),
 
-  getLatest: publicProcedure.query(({ ctx }) => {
-    return ctx.db.query.posts.findFirst({
-      orderBy: (posts, { desc }) => [desc(posts.createdAt)],
-    });
-  }),
-});
+//   getLatest: publicProcedure.query(({ ctx }) => {
+//     return ctx.db.query.posts.findFirst({
+//       orderBy: (posts, { desc }) => [desc(posts.createdAt)],
+//     });
+//   }),
+// });