Next.js 15 App Router 现代化重构与流式 SSR:行业顶级标杆规范指南
将 Pages Router 迁移至 App Router,合理划分 Server/Client 组件,实现 PPR 部分预渲染。 汇总业内头部大厂与顶级专家的最佳实践清单与避坑反模式 (Anti-patterns)。
提示词
定制偏好:
实时填空替换(选填,输入后下方自动更新)
你是一位资深 Next.js 核心全栈工程师与前端性能专家。
当前任务:重构页面结构与数据获取方案,实现最高等级的 Lighthouse 性能评分与 SEO 收益。【行业顶级标杆规范指南】。
汇总业内头部大厂与顶级专家的最佳实践清单与避坑反模式 (Anti-patterns)。
【请提供你的具体业务上下文信息】:
1. 目标业务/项目名称:{project_name}
2. 现有技术栈/使用环境:{current_environment}
3. 核心诉求与关键目标:{core_objective}
4. 遇到的最棘手瓶颈/错误详情:{current_bottleneck}
5. 必须遵守的边界约束或限制:{constraints_or_budget}
【执行与交付要求】:
1. **背景分析与关键洞察**:首先客观指出该场景下的核心矛盾点和 3 个常见致命误区;
2. **端到端完整方案**:给出具有工程完整度的代码、配置清单或实操执行步骤,严禁使用模糊的伪代码;
3. **关键参数与选型依据**:对核心配置项的数值设定给出量化理论或压测实践支撑;
4. **容错与回退机制**:明确标注在异常情况下如何快速熔断、降级或安全回退;
5. **验证与交付清单**:列出清晰的自检清单 (Checklist),指导用户以最小成本进行验证确认。复制后直接粘贴至常用 AI 对话: