·data-fetching
{}

data-fetching

qingqishi/shiqingqi.com

Modèles de récupération de données pour les composants serveur/client à l'aide de l'API fetch, TanStack Query, useSuspenseQuery, apiRouteWrapper et apiRequestWrapper. À utiliser lors de l'implémentation du chargement de données, des appels API, des fonctions serveur, des requêtes, des mutations, des routes API ou lorsque l'utilisateur mentionne TanStack Query, useSuspenseQuery, apiRouteWrapper, apiRequestWrapper, tmdb-server-functions ou la récupération de données.

3Installations·0Tendance·@qingqishi

Installation

$npx skills add https://github.com/qingqishi/shiqingqi.com --skill data-fetching

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.

Modèles de récupération de données pour les composants serveur/client à l'aide de l'API fetch, TanStack Query, useSuspenseQuery, apiRouteWrapper et apiRequestWrapper. À utiliser lors de l'implémentation du chargement de données, des appels API, des fonctions serveur, des requêtes, des mutations, des routes API ou lorsque l'utilisateur mentionne TanStack Query, useSuspenseQuery, apiRouteWrapper, apiRequestWrapper, tmdb-server-functions ou la récupération de données. Source : qingqishi/shiqingqi.com.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/qingqishi/shiqingqi.com --skill data-fetching
Catégorie
{}Analyse de Données
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que data-fetching ?

Modèles de récupération de données pour les composants serveur/client à l'aide de l'API fetch, TanStack Query, useSuspenseQuery, apiRouteWrapper et apiRequestWrapper. À utiliser lors de l'implémentation du chargement de données, des appels API, des fonctions serveur, des requêtes, des mutations, des routes API ou lorsque l'utilisateur mentionne TanStack Query, useSuspenseQuery, apiRouteWrapper, apiRequestWrapper, tmdb-server-functions ou la récupération de données. Source : qingqishi/shiqingqi.com.

Comment installer data-fetching ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/qingqishi/shiqingqi.com --skill data-fetching Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

https://github.com/qingqishi/shiqingqi.com