静态站点生成

先看效果，再看代码 增量静态生成（Incremental Static Regeneration，简称ISR）这玩意儿，我最近在项目里折腾了一阵子。说白了，它就是让你的静态页面能“动态更新”，听起来很...

先看效果，再看代码 最近项目里又要做一个动态页面搭建系统，说白了就是让运营同学能拖拽组件、配置字段、实时预览。听起来挺高大上，其实核心就两件事：一是怎么把 JSON 配置转成真实 DOM，二是怎么让这...

先上手再问为什么：Headless CMS 真的香 我第一次接触 Headless CMS 是在去年一个紧急项目里，客户非要在后台自己改文案，但又死活不同意用 WordPress。当时我第一反应是“这...

先扔个最简单的例子：MDX 真的能写 React 组件 我第一次用 MDX 的时候，以为它只是 Markdown 加点语法糖。结果一上手才发现，这玩意儿直接把 Markdown 文件变成了 React...

项目初期的技术选型 去年底接了个小活，给一个内容型产品做前端重构。老系统是纯静态 HTML + jQuery，页面加载慢得像蜗牛，SEO 也差。客户想快点上线，预算有限，团队就我一个人。技术选型时，我...

优化前：卡得不行 上个月接手一个老项目，用的是 Next.js + Static Generation（SSG），理论上应该飞快才对。结果一打开首页，Lighthouse 直接给我打了个 42 分，F...

为什么我要折腾这些发布流程？ 去年我们团队从手动部署切换到自动化，折腾了三四种方案，踩了不少坑。说实话，一开始我以为“不就是 npm run build + scp 上传”嘛，结果线上环境一复杂，问题...

为什么我要对比 Nuxt 的这些方案？ 最近一个项目从纯 Vue 3 迁移到 Nuxt，结果发现光是“怎么组织页面”这件事，就有好几种写法。Nuxt 3 推出后，官方文档里混着 Composition...

又踩坑了，Next.js 里动态路由参数拿不到？ 昨天改一个商品详情页，用的是 Next.js 的动态路由 pages/product/[id].js，结果页面一刷新，router.query.id ...