跳到主要内容
  • 首页
  • 项目
  • 博客
  • 服务
  • 关于
  • 联系

© 2026 卢东东 JOY

隐私说明

有心就有路 · si.lu

技术实践示例内容

Next.js 内容型网站的结构取舍

用服务端组件、静态生成和 MDX 建立可维护的内容网站。

2026年7月25日 · 1 分钟阅读

Next.jsMDX
路

这是一篇用于验证内容系统和页面布局的示例文章。

内容型网站的技术目标不是制造复杂度,而是让内容容易新增、可靠构建并快速访问。

默认使用静态生成

文章和项目在构建阶段生成页面,能够减少运行时依赖,也更适合部署到边缘平台。

先校验元数据

const result = postSchema.parse(frontmatter);

标题、日期、分类和草稿状态在进入页面前完成校验,错误应在构建阶段暴露。

只在需要时使用客户端组件

搜索、主题切换和复制操作需要客户端状态;正文与大部分页面结构可以留在服务端。

On this page

  1. 默认使用静态生成
  2. 先校验元数据
  3. 只在需要时使用客户端组件
上一篇少一点功能,多一条清晰路径下一篇玻璃化界面真正需要解决的三件事

相关文章

技术实践

从零建立可维护的前端设计令牌