nextjs-core について
Server ComponentsやServer Actionsからルーティング、キャッシュ、テストまで、Next.js App Routerの基本的な実践方法をまとめたスキルです。Next.jsアプリを開発・保守する開発者向けです。
主な機能
- 01Server Componentsを標準に採用
- 02変更処理にServer Actionsを使用
- 03APIとWebhook向けのルートハンドラー
- 04ローディングとエラー境界
- 05データ取得、キャッシュ、テストの指針
活用シーン
- 01App Routerアプリの構成
- 02検証を伴うサーバー側変更の実装
- 03APIルートとWebhookの構築
- 04データ取得とキャッシュ動作の確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/nextjs-coreを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
metadata.jsonreferences/authentication.mdcaching-and-rendering.mddata-fetching.mdrouting.mdserver-actions.mdtesting.md詳細
Next.js Core（App Router）
- デフォルトではサーバーコンポーネントを使用し、
"use client"は最小限にします。 - ミューテーションはサーバーアクションで処理します（検証／認可を行い、タグ／パスを再検証します）。
- API／Webhook にはルートハンドラーを使用し、ローディング／エラーバウンダリーを追加します。
アンチパターン：
- ❌ 初期データを
useEffectで取得する。 - ❌ 範囲が広すぎるキャッシュや再検証を行う。
- ❌ クライアント側のみで認可する。
参考資料：references/ を参照してください（サーバーアクション、データ取得、キャッシュ、ルーティング、認証、テスト）。
コメント
Markdown 対応