diff --git a/src/app/posts/page.tsx b/src/app/posts/page.tsx
index d70a9c2..6796c58 100644
--- a/src/app/posts/page.tsx
+++ b/src/app/posts/page.tsx
@@ -1,6 +1,14 @@
-export default function Page() {
+import { api } from "@/trpc/server";
+export default async function Page() {
+  const resonse = await api.post.getPosts.query({
+    page: 1,
+    pageSize: 10,
+    tagIds: [1, 2, 3],
+  });
+
   return (
     <section>
+      {resonse.left}
       <h1>Working on it cap</h1>
     </section>
   );
diff --git a/src/server/api/routers/post.ts b/src/server/api/routers/post.ts
index a69e818..e29beb9 100644
--- a/src/server/api/routers/post.ts
+++ b/src/server/api/routers/post.ts
@@ -8,6 +8,21 @@ import {
 
 // TODO: explore this code
 export const postRouter = createTRPCRouter({
+  getPosts: publicProcedure
+    .input(
+      z.object({
+        page: z.number(),
+        pageSize: z.number(),
+        tagIds: z.array(z.number()),
+      }),
+    )
+    .query(({ input, ctx }) => {
+      return {
+        ...input,
+        posts: [],
+        left: 0,
+      };
+    }),
   hello: publicProcedure
     .input(z.object({ text: z.string() }))
     .query(({ input }) => {