diff --git a/apps/frontend/app/(with-header-footer)/blog/page.tsx b/apps/frontend/app/(with-header-footer)/blog/page.tsx
index 3f4a4d9..979f739 100644
--- a/apps/frontend/app/(with-header-footer)/blog/page.tsx
+++ b/apps/frontend/app/(with-header-footer)/blog/page.tsx
@@ -1,4 +1,3 @@
-import { BlogApi } from "@/lib/api";
 import { useCallback } from "react"
 import {
     Alert,
@@ -7,6 +6,7 @@ import {
 } from "@/components/ui/alert";
 import { AlertCircle } from "lucide-react";
 import { base62 } from "@/lib/utils";
+import { BlogAPI } from "@/lib/api/server";
 
 export default async function Blog() {
     const formatNumber = useCallback((num: number) => {
@@ -19,7 +19,7 @@ export default async function Blog() {
     }, []);
 
     let errorMsg = '';
-    const blogs = await BlogApi.list().catch(e => { errorMsg = `${e}`; return null });
+    const blogs = await BlogAPI.list().catch(e => { errorMsg = `${e}`; return null });
 
     return (
         <div className="max-w-120 w-auto mx-auto my-10 flex flex-col gap-8">
diff --git a/apps/frontend/app/(with-header-footer)/resource/page.tsx b/apps/frontend/app/(with-header-footer)/resource/page.tsx
index c471c44..7d40302 100644
--- a/apps/frontend/app/(with-header-footer)/resource/page.tsx
+++ b/apps/frontend/app/(with-header-footer)/resource/page.tsx
@@ -1,15 +1,15 @@
 import { ResourceCard } from "./components/ResourceCard";
-import { ResourceApi } from "@/lib/api";
 import {
     Alert,
     AlertDescription,
     AlertTitle,
 } from "@/components/ui/alert"
+import { ResourceAPI } from "@/lib/api/server";
 import { AlertCircle } from "lucide-react";
 
 export default async function Resources() {
     let errorMsg = '';
-    const data = await ResourceApi.list().catch(e => { errorMsg = `${e}`; return null; });
+    const data = await ResourceAPI.list().catch(e => { errorMsg = `${e}`; return null; });
 
     return (
         <div className="flex-1 flex flex-col items-center">
diff --git a/apps/frontend/lib/api/endpoints/blog.server.ts b/apps/frontend/lib/api/endpoints/blog.server.ts
index 9024a9e..e1b80a2 100644
--- a/apps/frontend/lib/api/endpoints/blog.server.ts
+++ b/apps/frontend/lib/api/endpoints/blog.server.ts
@@ -1,5 +1,6 @@
+import { Blog } from "@/lib/types/blog";
 import { serverFetch } from "../server";
 
 export async function list() {
-    return serverFetch('/api/blog')
+    return serverFetch<Blog[]>('/api/blog')
 }
\ No newline at end of file