MCP HubMCP Hub
SKILL·5B471F

nextjs-data-fetching

HoangNguyen0403
更新日 1 month ago
8 閲覧
346
100
346
GitHubで表示
テストapidata

について

このスキルは、Next.js App Routerのデータ取得戦略について、キャッシュ、再検証、fetch APIの使用方法を含むガイダンスを提供します。静的、動的、再検証データのパターンを、サーバーコンポーネントの実践的な例と共にカバーしています。Next.jsプロジェクトでデータ取得の実装、キャッシュ動作の設定、または再検証のセットアップを行う際にご利用ください。

クイックインストール

Claude Code

推奨
メイン
npx skills add HoangNguyen0403/agent-skills-standard -a claude-code
プラグインコマンド代替
/plugin add https://github.com/HoangNguyen0403/agent-skills-standard
Git クローン代替
git clone https://github.com/HoangNguyen0403/agent-skills-standard.git ~/.claude/skills/nextjs-data-fetching

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

GitHub リポジトリ

HoangNguyen0403/agent-skills-standard
パス: skills/nextjs/nextjs-data-fetching
0
agent-agentic-aiandroidangularbest-practicescoding-standards
FAQ

Frequently asked questions

What is the nextjs-data-fetching skill?

nextjs-data-fetching is a Claude Skill by HoangNguyen0403. Skills package instructions and resources that Claude loads on demand, so Claude can perform nextjs-data-fetching-related tasks without extra prompting.

How do I install nextjs-data-fetching?

Use the install commands on this page: add nextjs-data-fetching to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does nextjs-data-fetching belong to?

nextjs-data-fetching is in the Testing category, tagged api and data.

Is nextjs-data-fetching free to use?

Yes. nextjs-data-fetching is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

関連スキル

evaluating-llms-harness
テスト

このClaudeスキルは、lm-evaluation-harnessを実行し、MMLUやGSM8Kなど60以上の標準化学術タスクでLLMをベンチマークします。開発者がモデルの品質を比較し、トレーニングの進捗を追跡し、学術的な結果を報告するために設計されています。このツールはHuggingFaceやvLLMモデルを含む様々なバックエンドをサポートしています。

スキルを見る
cloudflare-cron-triggers
テスト

このスキルは、cron式を使用してWorkersをスケジュールするためのCloudflare Cron Triggersの実装に関する包括的な知識を提供します。定期的なタスクの設定、メンテナンスジョブ、自動化されたワークフローの構築を網羅し、無効なcron式やタイムゾーン問題といった一般的な課題への対処法も含みます。開発者はこれを使用して、スケジュールされたハンドラーの設定、cronトリガーのテスト、WorkflowsやGreen Computeとの連携を構成できます。

スキルを見る
webapp-testing
テスト

このClaude Skillは、Playwrightベースのツールキットを提供し、Pythonスクリプトを通じてローカルWebアプリケーションのテストを可能にします。フロントエンドの検証、UIデバッグ、スクリーンショット撮影、ログ表示を実現し、サーバーライフサイクルを管理します。ブラウザ自動化タスクにご利用いただけますが、コンテキストの汚染を避けるため、スクリプトのソースコードを読むのではなく直接実行してください。

スキルを見る
finishing-a-development-branch
テスト

このスキルは、開発者がテストの合格を確認し、構造化された統合オプションを提示することで、完成した作業を仕上げることを支援します。実装が完了した後のマージ、PR作成、ブランチの整理といったワークフローを案内します。コードが準備できてテスト済みの際に使用し、開発プロセスを体系的に完了させましょう。

スキルを見る