Update remote soul-content with local content

app/read/[id]/page.tsx

@@ -0,0 +1,40 @@
+import { notFound } from "next/navigation"
+import { ChapterContent } from "@/components/chapter-content"
+import { getSectionBySlug, getChapterBySectionSlug } from "@/lib/book-file-system"
+import { specialSections } from "@/lib/book-data"
+
+interface ReadPageProps {
+  params: Promise<{ id: string }>
+}
+
+export const dynamic = "force-dynamic"
+export const runtime = "nodejs"
+
+export default async function ReadPage({ params }: ReadPageProps) {
+  const { id } = await params
+
+  if (id === "preface") {
+    return <ChapterContent section={specialSections.preface} partTitle="序言" chapterTitle="" />
+  }
+
+  if (id === "epilogue") {
+    return <ChapterContent section={specialSections.epilogue} partTitle="尾声" chapterTitle="" />
+  }
+
+  try {
+    const section = getSectionBySlug(id)
+    if (!section) {
+      notFound()
+    }
+
+    const context = getChapterBySectionSlug(id)
+    if (!context) {
+      notFound()
+    }
+
+    return <ChapterContent section={section} partTitle={context.part.title} chapterTitle={context.chapter.title} />
+  } catch (error) {
+    console.error("[v0] Error in ReadPage:", error)
+    notFound()
+  }
+}