diff --git a/client/components/blog/types.ts b/client/components/blog/types.ts
new file mode 100644
index 00000000..5baf1c3d
--- /dev/null
+++ b/client/components/blog/types.ts
@@ -0,0 +1,21 @@
+export interface BlogPost {
+  id?: string | number;
+  slug: string;
+  title: string;
+  excerpt?: string | null;
+  author?: string | null;
+  date?: string | null;
+  readTime?: string | null;
+  category?: string | null;
+  image?: string | null;
+  likes?: number | null;
+  comments?: number | null;
+  trending?: boolean;
+  body?: string | null;
+}
+
+export interface BlogCategory {
+  id: string;
+  name: string;
+  count: number;
+}