diff --git a/src/app/[locale]/(marketing)/blog/[...slug]/page.tsx b/src/app/[locale]/(marketing)/blog/[...slug]/page.tsx
index d37c37e..20ac5b0 100644
--- a/src/app/[locale]/(marketing)/blog/[...slug]/page.tsx
+++ b/src/app/[locale]/(marketing)/blog/[...slug]/page.tsx
@@ -1,3 +1,5 @@
+export const dynamic = 'force-static';
+
 import AllPostsButton from '@/components/blog/all-posts-button';
 import BlogGrid from '@/components/blog/blog-grid';
 import { BlogToc } from '@/components/blog/blog-toc';
@@ -115,6 +117,8 @@ export default async function BlogPostPage(props: BlogPostPageProps) {
   const publishDate = post.date;
   const date = formatDate(new Date(publishDate));
   const toc = await getTableOfContents(post.content);
+
+  // getTranslations may cause error DYNAMIC_SERVER_USAGE, so we set dynamic to force-static
   const t = await getTranslations('BlogPage');
 
   // get related posts