diff --git a/web/src/components/auth/common/auth-header.tsx b/web/src/components/auth/common/auth-header.tsx
index 874cf6b..a57f14d 100644
--- a/web/src/components/auth/common/auth-header.tsx
+++ b/web/src/components/auth/common/auth-header.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import { useSiteInfo } from "@/contexts/site-info-context";
 import Image from "next/image";
 import Link from "next/link";
diff --git a/web/src/components/blog-home/blog-home-card.tsx b/web/src/components/blog-home/blog-home-card.tsx
index e4faae7..c365a95 100644
--- a/web/src/components/blog-home/blog-home-card.tsx
+++ b/web/src/components/blog-home/blog-home-card.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import type { Post } from '@/models/post'
 import { Calendar, Eye, Heart, Lock, MessageCircle } from 'lucide-react'
 import Image from 'next/image'
diff --git a/web/src/components/blog-post/blog-post.tsx b/web/src/components/blog-post/blog-post.tsx
index e5e8d77..4850c01 100644
--- a/web/src/components/blog-post/blog-post.tsx
+++ b/web/src/components/blog-post/blog-post.tsx
@@ -1,3 +1,4 @@
+
 import { Suspense } from "react";
 import type { Post } from "@/models/post";
 import { Calendar, Clock, FileText, Flame, Heart, MessageCircle, PenLine, SquarePen } from "lucide-react";
@@ -7,7 +8,7 @@ import { calculateReadingTime } from "@/utils/common/post";
 import { CommentSection } from "@/components/comment";
 import { TargetType } from '@/models/types';
 import * as motion from "motion/react-client"
-import { fallbackSiteInfo, useSiteInfo } from "@/contexts/site-info-context";
+import { fallbackSiteInfo } from "@/contexts/site-info-context";
 import { getSiteInfo } from "@/api/misc";
 
 function PostMeta({ post }: { post: Post }) {
diff --git a/web/src/components/blog/blog-sidebar-card.tsx b/web/src/components/blog/blog-sidebar-card.tsx
index 9a2209a..b7397cc 100644
--- a/web/src/components/blog/blog-sidebar-card.tsx
+++ b/web/src/components/blog/blog-sidebar-card.tsx
@@ -1,3 +1,4 @@
+"use client"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Heart, TrendingUp, Eye } from "lucide-react";
 import { Badge } from "@/components/ui/badge";
diff --git a/web/src/components/layout/footer.tsx b/web/src/components/layout/footer.tsx
index bf85a16..f253e52 100644
--- a/web/src/components/layout/footer.tsx
+++ b/web/src/components/layout/footer.tsx
@@ -1,3 +1,4 @@
+"use client"
 import { useSiteInfo } from "@/contexts/site-info-context";
 import React from "react";