·data-fetching
{}

data-fetching

qingqishi/shiqingqi.com

Patrones de obtención de datos para componentes de servidor/cliente mediante fetch API, TanStack Query, useSuspenseQuery, apiRouteWrapper y apiRequestWrapper. Úselo al implementar carga de datos, llamadas API, funciones de servidor, consultas, mutaciones, rutas API o cuando el usuario mencione TanStack Query, useSuspenseQuery, apiRouteWrapper, apiRequestWrapper, tmdb-server-functions o recuperación de datos.

3Instalaciones·0Tendencia·@qingqishi

Instalación

$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.

Patrones de obtención de datos para componentes de servidor/cliente mediante fetch API, TanStack Query, useSuspenseQuery, apiRouteWrapper y apiRequestWrapper. Úselo al implementar carga de datos, llamadas API, funciones de servidor, consultas, mutaciones, rutas API o cuando el usuario mencione TanStack Query, useSuspenseQuery, apiRouteWrapper, apiRequestWrapper, tmdb-server-functions o recuperación de datos. Fuente: qingqishi/shiqingqi.com.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/qingqishi/shiqingqi.com --skill data-fetching
Categoría
{}Análisis de Datos
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es data-fetching?

Patrones de obtención de datos para componentes de servidor/cliente mediante fetch API, TanStack Query, useSuspenseQuery, apiRouteWrapper y apiRequestWrapper. Úselo al implementar carga de datos, llamadas API, funciones de servidor, consultas, mutaciones, rutas API o cuando el usuario mencione TanStack Query, useSuspenseQuery, apiRouteWrapper, apiRequestWrapper, tmdb-server-functions o recuperación de datos. Fuente: qingqishi/shiqingqi.com.

¿Cómo instalo data-fetching?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/qingqishi/shiqingqi.com --skill data-fetching Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

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