スキル next-best-practices
📦
next-best-practices
コンテンツリビジョン r1 安全 ⚡ スクリプトを含む🌐 ネットワークアクセス⚙️ 外部コマンド🔑 環境変数📁 ファイルシステムへのアクセス
Next.js のベストプラクティスを適用する
Next.js プロジェクトは、境界の不明確さ、遅いデータ取得、デプロイのミスによって失敗することがよくあります。このスキルは、Claude、Codex、Claude Code に、最新の App Router 作業に集中したルールを提供します。
対応: Claude Codex Code(CC)
このスキルはパックに含まれています
タスクに必要なすべてのスキルを、パックごと 1 コマンドでインストールできます。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "next-best-practices" from https://skillstore.io/skills/vercel-labs-next-best-practices.md and its manifest at https://skillstore.io/api/skills/vercel-labs-next-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「next-best-practices」を使用しています。 ユーザーデータ、投稿、コメントを順番に取得する route をレビューする。
期待される結果:
- data waterfall を特定し、parallel fetching または Suspense boundaries を推奨します。
- どの処理が Server Components に属し、どの処理が Server Actions に属するかを説明します。
- 不要なブラウザ側 data fetching を強制する client component boundary を指摘します。
「next-best-practices」を使用しています。 Docker セルフホスティング向けに Next.js app を準備する。
期待される結果:
- standalone output、static asset copying、non-root runtime users、health checks を推奨します。
- 複数インスタンスのデプロイで shared storage が必要になる ISR cache behavior を指摘します。
- サーバー側に留める必要があり、NEXT_PUBLIC prefixes を使うべきではない environment variables を列挙します。
「next-best-practices」を使用しています。 browser-only package を追加した後の hydration errors を調査する。
期待される結果:
- browser-only code を Server Components から分離します。
- server rendering が安全でない場合に client wrapper または dynamic loading を提案します。
- 関連する script、CSS、package bundling の選択を確認します。
セキュリティ監査
安全v4 • 2026/7/7 バージョン別レポートを開く
The static findings are false positives caused by Markdown examples, inline code names, placeholder URLs, and standard Next.js documentation snippets. No prompt injection, credential exfiltration, automatic command execution, or malicious intent was found in the reviewed files.
20
スキャンされたファイル
3,410
解析済み行数
0
レビュー項目
0
誤検知を無視
リスク要因
⚡ スクリプトを含む (7)
🌐 ネットワークアクセス (26)
bundling.md:103 data-patterns.md:36 data-patterns.md:258 data-patterns.md:36 debug-tricks.md:21 debug-tricks.md:81 font.md:186 font.md:189 font.md:211 hydration-error.md:86 image.md:26 image.md:99 image.md:109 image.md:146 image.md:169 metadata.md:295 scripts.md:11 scripts.md:16 scripts.md:79 self-hosting.md:85 self-hosting.md:278 self-hosting.md:288 self-hosting.md:365 self-hosting.md:368 self-hosting.md:369 self-hosting.md:66
⚙️ 外部コマンド (42)
error-handling.md:77-92 error-handling.md:92-99 error-handling.md:99-107 font.md:39-44 image.md:169-173 metadata.md:295-299 parallel-routes.md:276-283 scripts.md:32-34 scripts.md:84-98 self-hosting.md:202-215 self-hosting.md:215-224 self-hosting.md:277 self-hosting.md:278-280 self-hosting.md:334-341 SKILL.md:33 SKILL.md:34 SKILL.md:46 SKILL.md:47 SKILL.md:52 SKILL.md:53 SKILL.md:54 SKILL.md:59 SKILL.md:60 SKILL.md:61 SKILL.md:62 SKILL.md:68 SKILL.md:74 SKILL.md:75 SKILL.md:83 SKILL.md:84 SKILL.md:90 SKILL.md:92 SKILL.md:99 SKILL.md:116 SKILL.md:117 SKILL.md:119 SKILL.md:131 SKILL.md:137 SKILL.md:138 SKILL.md:139 SKILL.md:144 SKILL.md:152
🔑 環境変数 (14)
📁 ファイルシステムへのアクセス (2)
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/vercel-labs-next-best-practices/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/vercel-labs-next-best-practices?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/vercel-labs-next-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vercel-labs-next-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/vercel-labs-next-best-practices.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形式の引用
vercel-labs. (2026). next-best-practices security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/vercel-labs-next-best-practices/audits/4BibTeX形式の引用
@techreport{vercel-labs-vercel-labs-next-best-practices-2026,
author = {vercel-labs},
title = {next-best-practices security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/vercel-labs-next-best-practices/audits/4},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "next-best-practices security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "vercel-labs"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/vercel-labs-next-best-practices/audits/4"
identifiers:
- type: other
value: "skillstore:vercel-labs-next-best-practices:audit:4"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 55
アーキテクチャ
85
保守性
87
コンテンツ
70
コミュニティ
83
仕様準拠
作成できるもの
App Router への移行をレビューする
pages、layouts、async params、metadata、route handlers を現在の Next.js 規約に照らして確認します。
本番デプロイを計画する
セルフホスティング向けに standalone output、Docker settings、cache handlers、image strategy、health checks を選定します。
パフォーマンスとレンダリングの問題をデバッグする
hydration errors、data waterfalls、bundle problems、script loading、font または image configuration を診断します。
これらのプロンプトを試す
Page を確認する
App Router のベストプラクティスの観点から、この Next.js page をレビューしてください。file conventions、server and client boundaries、明らかな data fetching issues に注目してください。
Data Flow を修正する
この Next.js data flow を分析してください。Server Component、Server Action、Route Handler、Promise.all、Suspense、preload pattern のどれを使うべきか推奨してください。
本番環境に備える
本番デプロイに向けて、この Next.js app を監査してください。image and font optimization、scripts、bundling、standalone output、cache behavior、health checks を確認してください。
App をモダン化する
この Next.js app の移行計画を作成してください。async request APIs、React Server Component boundaries、metadata、route handlers、Turbopack bundling、self-hosting risks を含めてください。
ベストプラクティス
- レビューを依頼する前に、関連ファイル、framework version、router type を提供してください。
- 例が cookies、headers、tokens、environment variables に触れる場合は、セキュリティレビューを依頼してください。
- 提案された変更は、build、lint、type checks、route-specific runtime testing で検証してください。
回避
- すべての推奨事項を Pages Router projects や古い Next.js versions に盲目的に適用しないでください。
- server-only environment values を public config endpoints 経由で公開しないでください。
- 例示用の auth または token snippets を、自分の security model に適合させずにコピーしないでください。
よくある質問
このスキルは Next.js App Router をサポートしていますか？
はい。ほとんどのガイダンスは App Router conventions、React Server Components、Server Actions、Route Handlers を対象としています。
コードを自動的に更新できますか？
Claude、Codex、Claude Code がコードを編集する際にガイドできますが、このスキル自体はドキュメントです。
公式の Next.js ドキュメントの代わりになりますか？
いいえ。実践的なパターンを要約しますが、バージョン固有の変更については公式ドキュメントを確認する必要があります。
セルフホスト型デプロイに役立ちますか？
はい。standalone output、Docker、cache handlers、environment variables、image optimization、health checks を扱います。
セキュリティレビューに対応していますか？
いくつかの安全な境界については含まれていますが、authentication、secrets、public APIs については専用のレビューが引き続き必要です。
どのツールがこのスキルを使用できますか？
レポートには Claude、Codex、Claude Code のサポートが記載されています。
開発者情報
作成者
vercel-labsライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
36e07d5e13068e5be64447e8f20b427cf2cbd21a
メンテナンスの新しさ
2026/7/24
利用状況
22 ダウンロード · 197 閲覧