data-fetching
✓フェッチ API、TanStack Query、useSuspenseQuery、apiRouteWrapper、および apiRequestWrapper を使用したサーバー/クライアント コンポーネントのデータ フェッチ パターン。データの読み込み、API 呼び出し、サーバー関数、クエリ、変更、API ルートを実装する場合、またはユーザーが TanStack Query、useSuspenseQuery、apiRouteWrapper、apiRequestWrapper、tmdb-server-functions、またはデータ フェッチに言及する場合に使用します。
SKILL.md
This project uses a structured data fetching pattern that differs between server and client components.
Use await directly in server components. Call TMDB server functions from @/utils/tmdb-server-functions.
Client components use TanStack Query to call API routes, which wrap server functions.
フェッチ API、TanStack Query、useSuspenseQuery、apiRouteWrapper、および apiRequestWrapper を使用したサーバー/クライアント コンポーネントのデータ フェッチ パターン。データの読み込み、API 呼び出し、サーバー関数、クエリ、変更、API ルートを実装する場合、またはユーザーが TanStack Query、useSuspenseQuery、apiRouteWrapper、apiRequestWrapper、tmdb-server-functions、またはデータ フェッチに言及する場合に使用します。 ソース: qingqishi/shiqingqi.com。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/qingqishi/shiqingqi.com --skill data-fetching- カテゴリ
- {}データ分析
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
data-fetching とは？
フェッチ API、TanStack Query、useSuspenseQuery、apiRouteWrapper、および apiRequestWrapper を使用したサーバー/クライアント コンポーネントのデータ フェッチ パターン。データの読み込み、API 呼び出し、サーバー関数、クエリ、変更、API ルートを実装する場合、またはユーザーが TanStack Query、useSuspenseQuery、apiRouteWrapper、apiRequestWrapper、tmdb-server-functions、またはデータ フェッチに言及する場合に使用します。 ソース: qingqishi/shiqingqi.com。
data-fetching のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/qingqishi/shiqingqi.com --skill data-fetching インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/qingqishi/shiqingqi.com
詳細
- カテゴリ
- {}データ分析
- ソース
- skills.sh
- 初回登録
- 2026-02-01