poyrazavsever/poyraz-portfolio
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement blog post detail page with markdown rendering, table of contents, and reading progress bar

Browse Source
This commit is contained in:
Poyraz Avsever
2026-04-10 09:54:35 +03:00
parent af6d4c9f4d
commit 62e024c0a7
6 changed files with 257 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/blog/page.tsx
+3 -2
View File
@@ -2,7 +2,7 @@ import { BlogContent } from "@/components/blog-content";
import { getBlogPageData } from "@/data/blog";
type BlogPageProps = {
searchParams?: Promise<{ page?: string | string[]; category?: string | string[] }>;
searchParams?: Promise<{ page?: string | string[]; category?: string | string[]; search?: string | string[] }>;
};
export default async function BlogPage({ searchParams }: BlogPageProps) {
@@ -11,9 +11,10 @@ export default async function BlogPage({ searchParams }: BlogPageProps) {
const categoryParam = Array.isArray(resolved?.category)
? resolved?.category[0]
: resolved?.category;
const searchParam = Array.isArray(resolved?.search) ? resolved?.search[0] : resolved?.search;
const page = Number(pageParam ?? "1");
const currentPage = Number.isFinite(page) && page > 0 ? Math.floor(page) : 1;
const data = await getBlogPageData(currentPage, 12, categoryParam);
const data = await getBlogPageData(currentPage, 12, categoryParam, searchParam);
return <BlogContent data={data} />;
}