From 8b1fc942cf15d7f0572a78269f4efe215c603cd7 Mon Sep 17 00:00:00 2001
From: Amirhossein Khalili <amirhosseinkhalili901@gmail.com>
Date: Mon, 8 Jun 2026 22:36:27 +0330
Subject: [PATCH] fix(frontend): resolve published blog detail 404

---
 src/app/blog/[slug]/page.tsx |  2 ++
 src/lib/api.ts               | 16 ++++++++--------
 src/lib/public-api.ts        | 14 ++++++++++----
 src/views/Blog.tsx           |  2 +-
 4 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/app/blog/[slug]/page.tsx b/src/app/blog/[slug]/page.tsx
index 82e2d15..603269d 100644
--- a/src/app/blog/[slug]/page.tsx
+++ b/src/app/blog/[slug]/page.tsx
@@ -12,6 +12,8 @@ import { formatJalali } from "@/lib/utils";
 
 type Params = Promise<{ slug: string }>;
 
+export const dynamic = "force-dynamic";
+
 function cleanText(value?: string | null) {
   if (!value) return "";
   return value.replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim();
diff --git a/src/lib/api.ts b/src/lib/api.ts
index f77c9ea..fe84de3 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -422,7 +422,7 @@ class ApiClient {
     }
   
   async getPost(slug: string) {
-    return this.request<Types.PostDetailSchema>(`/api/blog/posts/${slug}`);
+    return this.request<Types.PostDetailSchema>(`/api/blog/posts/${encodeURIComponent(slug)}`);
   }
 
   async createPost(data: Types.PostCreateSchema) {
@@ -511,7 +511,7 @@ class ApiClient {
   }
 
   async deletePost(slug: string) {
-    return this.request<Types.MessageSchema>(`/api/blog/posts/${slug}`, {
+    return this.request<Types.MessageSchema>(`/api/blog/posts/${encodeURIComponent(slug)}`, {
       method: 'DELETE',
     });
   }
@@ -528,11 +528,11 @@ class ApiClient {
 
   // Comments
   async getComments(slug: string) {
-    return this.request<Types.CommentSchema[]>(`/api/blog/posts/${slug}/comments`);
+    return this.request<Types.CommentSchema[]>(`/api/blog/posts/${encodeURIComponent(slug)}/comments`);
   }
 
   async createComment(slug: string, data: Types.CommentCreateSchema) {
-    return this.request<Types.CommentSchema>(`/api/blog/posts/${slug}/comments`, {
+    return this.request<Types.CommentSchema>(`/api/blog/posts/${encodeURIComponent(slug)}/comments`, {
       method: 'POST',
       body: JSON.stringify(data),
     });
@@ -557,23 +557,23 @@ class ApiClient {
 
   // Likes
   async toggleLike(slug: string) {
-    return this.request<Types.BlogInteractionSchema>(`/api/blog/posts/${slug}/like`, {
+    return this.request<Types.BlogInteractionSchema>(`/api/blog/posts/${encodeURIComponent(slug)}/like`, {
       method: 'POST',
     });
   }
 
   async toggleSave(slug: string) {
-    return this.request<Types.BlogInteractionSchema>(`/api/blog/posts/${slug}/save`, {
+    return this.request<Types.BlogInteractionSchema>(`/api/blog/posts/${encodeURIComponent(slug)}/save`, {
       method: 'POST',
     });
   }
 
   async getBlogInteraction(slug: string) {
-    return this.request<Types.BlogInteractionSchema>(`/api/blog/posts/${slug}/interaction`);
+    return this.request<Types.BlogInteractionSchema>(`/api/blog/posts/${encodeURIComponent(slug)}/interaction`);
   }
 
   async getLikesCount(slug: string) {
-    return this.request<Types.MessageSchema>(`/api/blog/posts/${slug}/likes`);
+    return this.request<Types.MessageSchema>(`/api/blog/posts/${encodeURIComponent(slug)}/likes`);
   }
 
   async getMyBlogActivity() {
diff --git a/src/lib/public-api.ts b/src/lib/public-api.ts
index 566f881..185293a 100644
--- a/src/lib/public-api.ts
+++ b/src/lib/public-api.ts
@@ -54,11 +54,15 @@ async function requestJson<T>(
   options?: {
     params?: Record<string, QueryValue>;
     revalidate?: number;
+    cache?: RequestCache;
   },
 ) {
-  const response = await fetch(buildUrl(path, options?.params), {
-    next: { revalidate: options?.revalidate ?? DEFAULT_REVALIDATE_SECONDS },
-  });
+  const response = await fetch(
+    buildUrl(path, options?.params),
+    options?.cache
+      ? { cache: options.cache }
+      : { next: { revalidate: options?.revalidate ?? DEFAULT_REVALIDATE_SECONDS } },
+  );
 
   if (!response.ok) {
     throw new PublicApiError(path, response.status);
@@ -80,7 +84,9 @@ export async function getPublicPosts(options?: { search?: string; limit?: number
 }
 
 export async function getPublicPost(slug: string) {
-  return requestJson<Types.PostDetailSchema>(`/api/blog/posts/${encodeURIComponent(slug)}`);
+  return requestJson<Types.PostDetailSchema>(`/api/blog/posts/${encodeURIComponent(slug)}`, {
+    cache: "no-store",
+  });
 }
 
 export async function getPublicEvents(options?: { search?: string; limit?: number }) {
diff --git a/src/views/Blog.tsx b/src/views/Blog.tsx
index 4256d3a..c478de9 100644
--- a/src/views/Blog.tsx
+++ b/src/views/Blog.tsx
@@ -80,7 +80,7 @@ export default function Blog({
         ) : (
           <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
             {posts.map((post) => (
-              <Link key={post.id} to={`/blog/${post.slug}`}>
+              <Link key={post.id} to={`/blog/${encodeURIComponent(post.slug)}`}>
                 <Card className="h-full hover:shadow-lg transition-shadow">
                   <CardHeader>
                     <CardTitle className="line-clamp-2">{post.title}</CardTitle>