用 Next.js 搭建带后台的博客

为什么选 Next.js

Next.js 的 App Router 让前后台共用一套代码成为可能：页面用 Server Component 读取 Markdown 文件，API Route 负责写入。

核心目录

目录	作用
app/	页面与接口
content/posts	Markdown 文章
lib/	读取 / 写入逻辑

渲染 Markdown

import ReactMarkdown from "react-markdown";
import remarkGfm from "remark-gfm";

<ReactMarkdown remarkPlugins={[remarkGfm]}>{content}</ReactMarkdown>;

• 列表渲染
• 代码高亮
• 评论系统（待做）

简单即可靠。