C30

内容更新

手机上可以运行，但建议在电脑上完成代码练习。

编辑器加载中…

任务说明

Next.js 工程

个人知识条目站：索引页与详情页声明 export const revalidate = 60 走页面级缓存，归档/恢复是 Server Actions。要求改完内容后索引、详情、归档页立刻一致：actions 里写库之后必须 revalidatePath 失效受影响路径，否则 60 秒内看到旧数据。数据层 lib/knowledge.ts（文件存储）已给出。验收方式：本练习无法自动判分。补齐 starter 后在 examples/exercises/next-c30-content-revalidate/starter 目录执行 npm install && npm run dev，浏览器访问 http://localhost:3000 按要求走查；tests/check.mjs 是结构自检（node tests/check.mjs starter 或 solution 目录路径）。关键走查：归档一条后回索引页立即消失、归档页立即出现；恢复同理；注释掉 revalidatePath 复现旧数据，再恢复。

要求

app/page.tsx 与 app/entry/[id]/page.tsx 都声明 export const revalidate = 60
app/actions.ts 以 "use server" 开头，archiveAction/restoreAction 写库后 revalidatePath("/")、revalidatePath("/archive") 与对应详情页
索引页只显示未归档条目，归档页只显示已归档条目，两者由 lib/knowledge.ts 的 includeArchived 参数区分
详情页对已归档条目给出归档标识，对不存在条目 notFound()
归档/恢复按钮用 <form action={...}> 提交，带隐藏字段 id

N08 数据缓存与失效 N12 数据访问综合实践

分层提示

先自己试，再逐层展开。

参考答案

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

内容更新

Command Palette

内容更新