mcpField
N
next

next

github.com/hairyf開発26856 回インストール2 週間前に更新
リポジトリ

next について

フルスタック Web アプリケーション向け React フレームワーク、Next.js を扱うスキルです。ルーティング、コンポーネント、データ取得、キャッシュ、Server Actions などのリファレンスをまとめています。

主な機能

  1. 01ファイルシステムベースのルーティング
  2. 02Server Components と Client Components
  3. 03データ取得とストリーミング
  4. 04キャッシュと再検証
  5. 05Server Actions とファイル規約

活用シーン

  1. 01ルートとレイアウトの設計
  2. 02サーバー側とクライアント側のデータ取得方式の選択
  3. 03読み込み、エラー、データ更新への対応

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/hairyf/skills --skill next

インストール後、Claude Code で/nextを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

GENERATION.md
references/
api-components.mdx
caching-revalidation.mdx
core-navigation.mdx
core-routing.mdx
core-server-client-components.mdx
data-fetching-client.mdx
data-fetching-server.mdx
data-streaming.mdx
file-conventions-dynamic-routes.mdx
file-conventions-loading-error.mdx
server-actions.mdx

詳細

Next.js は、フルスタックの Web アプリケーションを構築するための React フレームワークです。ファイルシステムベースのルーティング、Server Components、自動コード分割、画像の最適化、組み込みのパフォーマンス最適化機能を提供します。Next.js は静的サイト生成（SSG）とサーバーサイドレンダリング（SSR）の両方に対応しているため、最新の Web アプリケーションの構築に最適です。

このスキルは Next.js v16.2.0-canary.16 に基づいており、2026-01-30 に生成されました。

コアリファレンス

トピック説明リファレンス
ファイルシステムルーティングフォルダー構造、レイアウト、ページによってルートを定義しますcore-routing
サーバーコンポーネントとクライアントコンポーネントサーバーコンポーネントとクライアントコンポーネントの使い分けを理解しますcore-server-client-components
ナビゲーションリンク、プリフェッチ、クライアントサイドの画面遷移core-navigation

データ取得

トピック説明リファレンス
サーバーコンポーネントfetch、ORM、データベースを使ったサーバーコンポーネントでのデータ取得data-fetching-server
クライアントコンポーネントuse フックやサードパーティライブラリを使ったクライアントコンポーネントでのデータ取得data-fetching-client
ストリーミングSuspense と loading.tsx を使ったデータとコンポーネントのストリーミングdata-streaming

キャッシュと再検証

トピック説明リファレンス
キャッシュ戦略fetch リクエストのキャッシュ、キャッシュタグ、再検証caching-revalidation

サーバーアクション

トピック説明リファレンス
サーバー関数データ変更のためのサーバーアクションの作成と使用server-actions

ファイル規約

トピック説明リファレンス
動的ルート動的セグメント、キャッチオールルート、ルートパラメーターfile-conventions-dynamic-routes
ローディングとエラーloading.tsx と error.tsx を使ったローディング状態とエラーの処理file-conventions-loading-error

API リファレンス

トピック説明リファレンス
組み込みコンポーネントLink、Image、Script、Font コンポーネントapi-components

コメント

Markdown 対応