技能 Next.js 16 Launchpad
📦
Next.js 16 Launchpad
v1.1.0 内容修订 r1 高风险 🌐 网络访问⚙️ 外部命令🔑 环境变量
构建 Next.js 16 应用
Next.js 16 迁移包含会破坏兼容性的路由、缓存和工具链变更。此技能为现代 App Router 项目提供聚焦的工作流、入门资源和审查清单。
支持: Claude Codex Code(CC)
安装前请停下并请求确认。
请审查安装计划，并在更改文件前获得用户明确同意。
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
智能体请求
Review the Skillstore skill "Next.js 16 Launchpad" from https://skillstore.io/skills/calel33-next-js-16-launchpad.md and its manifest at https://skillstore.io/api/skills/calel33-next-js-16-launchpad/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“Next.js 16 Launchpad”。 我需要从 Next.js 15 迁移到 Next.js 16。
预期结果:
- 一份按优先级排序的迁移清单，覆盖 codemods、async request APIs、proxy.ts 变更和已移除的配置选项。
- 一份测试计划，覆盖 Turbopack 构建、路由行为、图片配置和缓存边界。
正在使用“Next.js 16 Launchpad”。 我正在构建一个带缓存评论的产品页面。
预期结果:
- 一种将静态外壳内容与动态区块分离的路由设计。
- 关于使用 Cache Components、cache tags、Suspense 和 revalidation 的指导，避免混合 runtime request data。
正在使用“Next.js 16 Launchpad”。 我想在 Next.js 16 中创建一个安全的 dashboard 路由。
预期结果:
- 一个基于 proxy.ts 的访问控制计划，包含服务器端 session 检查。
- 关于用生产身份验证和密钥管理替换示例 token 处理的说明。
安全审计
高风险v10 • 2026/7/19 打开版本化报告
The static alerts are mostly false positives from Markdown backticks, JavaScript templates, sample fetch calls, and ordinary TypeScript identifiers. However, authentication examples accept any cookie value, and Server Action examples write unvalidated, unauthorized data. The bootstrap workflow also executes mutable npm package tags and changes the current project.
15
已扫描文件
3,350
分析行数
0
复核项
0
已忽略误报
已确认安全问题 (3)
高
SKILL.md:133-138assets/app-router-starter/app/dashboard/page.tsx:25-29references/core-workflows.md:536-545
Cookie Presence Used as Authentication
Primary examples treat any authentication cookie as a valid session. An attacker can set an arbitrary cookie and reach protected routes.
Each cited guard checks only whether a cookie exists. None verifies a signature, session record, expiry, or user authorization.
高
references/core-workflows.md:517-521references/nextjs16-advanced-patterns.md:148-152references/nextjs16-reference.md:135-140references/NEXTJS_16_COMPLETE_GUIDE.md:1356-1363
Server Actions Omit Authorization and Validation
Several publishing examples write form values directly to the database. They show no server-side validation, authentication, authorization, or abuse controls.
The complete action bodies are shown and perform database writes from form data. No authorization or validation call appears before those writes.
中
Mutable Package Tags Execute Remote Code
The bootstrap workflow runs canary and latest npm packages, then changes the current project. A changed upstream release executes with the user privileges.
The cited commands explicitly use mutable canary and latest tags. The script invokes them through npx and installs packages into the current project.
风险因素
🌐 网络访问 (41)
assets/app-router-starter/app/dashboard/page.tsx:6 assets/app-router-starter/app/dashboard/page.tsx:6 assets/app-router-starter/app/page.tsx:6 assets/app-router-starter/app/page.tsx:6 references/core-workflows.md:229 references/core-workflows.md:262 references/core-workflows.md:394 references/core-workflows.md:395 references/core-workflows.md:396 references/core-workflows.md:229 references/core-workflows.md:262 references/NEXTJS_16_COMPLETE_GUIDE.md:283 references/NEXTJS_16_COMPLETE_GUIDE.md:298 references/NEXTJS_16_COMPLETE_GUIDE.md:314 references/NEXTJS_16_COMPLETE_GUIDE.md:655 references/NEXTJS_16_COMPLETE_GUIDE.md:673 references/NEXTJS_16_COMPLETE_GUIDE.md:829 references/NEXTJS_16_COMPLETE_GUIDE.md:915 references/NEXTJS_16_COMPLETE_GUIDE.md:932 references/NEXTJS_16_COMPLETE_GUIDE.md:933 references/NEXTJS_16_COMPLETE_GUIDE.md:1278 references/NEXTJS_16_COMPLETE_GUIDE.md:283 references/NEXTJS_16_COMPLETE_GUIDE.md:298 references/NEXTJS_16_COMPLETE_GUIDE.md:314 references/NEXTJS_16_COMPLETE_GUIDE.md:655 references/NEXTJS_16_COMPLETE_GUIDE.md:673 references/NEXTJS_16_COMPLETE_GUIDE.md:829 references/NEXTJS_16_COMPLETE_GUIDE.md:932 references/NEXTJS_16_COMPLETE_GUIDE.md:933 references/NEXTJS_16_COMPLETE_GUIDE.md:1015 references/nextjs16-reference.md:110 references/nextjs16-reference.md:119 references/nextjs16-reference.md:120 references/nextjs16-reference.md:119 references/nextjs16-reference.md:120 SKILL.md:93 SKILL.md:107 SKILL.md:93 SKILL.md:107 SKILL.md:315 SKILL.md:316
⚙️ 外部命令 (50)
references/core-workflows.md:394-395 references/core-workflows.md:395-396 references/core-workflows.md:396-413 references/core-workflows.md:526-528 references/NEXTJS_16_COMPLETE_GUIDE.md:915-922 references/NEXTJS_16_COMPLETE_GUIDE.md:932-933 references/NEXTJS_16_COMPLETE_GUIDE.md:933-952 references/NEXTJS_16_COMPLETE_GUIDE.md:1244-1292 references/NEXTJS_16_COMPLETE_GUIDE.md:1327-1369 references/NEXTJS_16_COMPLETE_GUIDE.md:1369-1375 references/nextjs16-advanced-patterns.md:154-156 references/nextjs16-reference.md:110-114 references/nextjs16-reference.md:119-120 references/nextjs16-reference.md:120-125 references/nextjs16-reference.md:141-143 scripts/bootstrap-nextjs16.ps1:50-51 scripts/bootstrap-nextjs16.ps1:52-53 scripts/bootstrap-nextjs16.ps1:54-55 scripts/bootstrap-nextjs16.ps1:56-57 SKILL.md:15 SKILL.md:33-40 SKILL.md:40-42 SKILL.md:42-46 SKILL.md:46-55 SKILL.md:55-57 SKILL.md:57-62 SKILL.md:62-66 SKILL.md:66-76 SKILL.md:76-82 SKILL.md:82-83 SKILL.md:83 SKILL.md:84 SKILL.md:85 SKILL.md:91-97 SKILL.md:97-101 SKILL.md:101-110 SKILL.md:110-114 SKILL.md:114-127 SKILL.md:127-131 SKILL.md:131-139 SKILL.md:139-143 SKILL.md:143-153 SKILL.md:153-155 SKILL.md:155-164 SKILL.md:164-168 SKILL.md:168-186 SKILL.md:186-191 SKILL.md:191-192 SKILL.md:192-193 SKILL.md:193
审计者: codex 查看审计历史 →
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/calel33-next-js-16-launchpad/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/calel33-next-js-16-launchpad?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/calel33-next-js-16-launchpad?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/calel33-next-js-16-launchpad/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/calel33-next-js-16-launchpad.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学术引用 (APA · BibTeX · CFF)
APA 引用
Calel33. (2026). Next.js 16 Launchpad security audit report (audit version 10) [Author version 1.1.0]. Skillstore. https://skillstore.io/skills/calel33-next-js-16-launchpad/audits/10BibTeX 引用
@techreport{calel33-calel33-next-js-16-launchpad-2026,
author = {Calel33},
title = {Next.js 16 Launchpad security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/calel33-next-js-16-launchpad/audits/10},
note = {Author version 1.1.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "Next.js 16 Launchpad security audit report (audit version 10)"
version: "1.1.0"
type: report
authors:
- name: "Calel33"
date-released: "2026-07-19"
url: "https://skillstore.io/skills/calel33-next-js-16-launchpad/audits/10"
identifiers:
- type: other
value: "skillstore:calel33-next-js-16-launchpad:audit:10"
description: "Skillstore immutable audit report identifier"
Skillstore 评分
评分依据 证据置信度: 中 82
架构
100
可维护性
85
内容
71
社区
74
规范符合性
你能构建什么
启动一个新的 App Router 项目
使用 Turbopack、TypeScript、Tailwind 和 App Router 默认设置创建 Next.js 16 基线。
规划版本升级
在分配迁移工作前，梳理从 Next.js 15 到 Next.js 16 所需的变更。
审查缓存和路由模式
检查 Cache Components、Suspense 边界、proxy.ts auth 和数据获取模式的正确性。
试试这些提示
创建 Next.js 16 入门计划
使用 next-js-16-launchpad 概述一个新的 Next.js 16 项目设置，包含 TypeScript、App Router、Turbopack、Tailwind 和基础文件夹。
升级我的项目清单
使用 next-js-16-launchpad 创建一个迁移清单，用于将我的 Next.js 15 App Router 项目升级到 Next.js 16。
审查缓存架构
使用 next-js-16-launchpad 审查我的 Cache Components 设计、Suspense 边界、revalidation 策略和 runtime data 处理。
设计生产路由模式
使用 next-js-16-launchpad 设计一个生产 dashboard 模式，包含 proxy.ts auth、并行数据获取、Cache Components 和部署检查。
最佳实践
- 运行 bootstrap script 前先审查它，因为它会安装包并创建项目文件。
- 将示例 API endpoints、cookie 名称和 JWT 示例替换为生产批准的服务和 secrets 处理方式。
- 结合迁移清单进行测试，覆盖路由、缓存、图片处理和 Turbopack 构建行为。
避免
- 不要在敏感仓库中运行 PowerShell bootstrap script，除非先审查包命令。
- 不要在没有验证、轮换和安全 cookie 设置的情况下，将示例 auth snippets 直接复制到生产环境。
- 不要围绕 cookies、headers 或其他 runtime request data 启用 Cache Components。
常见问题
此技能能帮助我构建什么？
它帮助创建或迁移使用 App Router、Turbopack、Cache Components 和 proxy.ts 的 Next.js 16 应用。
它能自动升级现有项目吗？
它包含指导和 bootstrap script，但用户在运行命令前应先审查。
它支持 Pages Router 项目吗？
它专注于 App Router 和 Next.js 16 工作流。Pages Router 覆盖范围仅限迁移上下文。
这些网络 URLs 可用于生产环境吗？
不支持。这些 URLs 是文档和入门代码的示例。请将它们替换为批准的项目 endpoints。
此技能包含安全指导吗？
是的。它涵盖 server-only data、基于 proxy 的 auth、输入验证和环境变量边界。
使用后我应该验证什么？
验证包变更、路由行为、缓存边界、Turbopack 兼容性和部署设置。
开发者详情
作者
Calel33许可证
MIT
作者版本
v1.1.0
Skillstore 修订
r1
引用
67e6747f5b57a33ea8c62a0043d8f2ef310189ab
维护新鲜度
2026/7/20
使用量
40 次下载 · 246 次浏览
文件结构