C29

本地笔记

任务说明

Next.js 工程

本地笔记应用：新增、编辑、删除、按关键词搜索，数据写入 var/data/notes.json（重启不丢）。编辑走乐观锁：每条笔记带 revision，提交时带上读到的旧 revision，对不上就拒绝保存并回显冲突提示，绝不静默覆盖。Server Actions 在 app/actions.ts（"use server"），冲突通过 redirect 回编辑页 ?conflict=1 展示。验收方式：本练习无法自动判分。补齐 starter 后在 examples/exercises/next-c29-local-notes/starter 目录执行 npm install && npm run dev，浏览器访问 http://localhost:3000 按要求走查；tests/check.mjs 是结构自检（node tests/check.mjs starter 或 solution 目录路径）。关键走查：新增/编辑/删除/搜索都生效且重启后还在；开两个标签页编辑同一条，后提交的会看到冲突提示而不是悄悄覆盖。

要求

app/actions.ts 以 "use server" 开头，新增/更新/删除都调用 lib/notes.ts 并 revalidatePath("/")
lib/notes.ts 的 updateNote/deleteNote 校验 expectedRevision：不一致时抛 RevisionConflictError，不写入
笔记持久化到 var/data/notes.json（fs 读写，目录不存在要创建）
编辑页把 revision 放进隐藏字段提交；action 捕获冲突后 redirect 到编辑页并带 conflict=1
编辑页在 searchParams.conflict 存在时显示冲突提示；首页搜索框用 GET 表单（q 参数）

N11 表单写入与服务端动作 N13 本地持久化与备份 N14 多窗口编辑与冲突

分层提示

先自己试，再逐层展开。

参考答案

卡住时再看；查看操作会记录下来用于复盘。测试版本 1.0.0

本地笔记

Command Palette