Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →
Introducción
tRPC te permite construir y consumir APIs completamente tipadas sin esquemas ni generación de código. Combina conceptos de REST y GraphQL. Si no estás familiarizado con ninguno, consulta los Conceptos clave.
En proyectos full-stack con TypeScript, mantener sincronizados los contratos de API entre cliente y servidor es un problema común. tRPC resuelve esto aprovechando directamente la inferencia de tipos de TypeScript, sin paso de generación de código, detectando problemas en tiempo de compilación.
tRPC puede ejecutarse de forma independiente o montarse como endpoint en tu API REST existente usando nuestro extenso ecosistema de adapters.
Características
-
✅ Probado exhaustivamente y listo para producción.
-
🧙♂️ Tipificación estática completa y autocompletado en cliente para entradas, salidas y errores.
-
🐎 DX ágil - Sin generación de código, sobrecarga en ejecución ni pipelines de build.
-
🍃 Ligero - tRPC tiene cero dependencias de runtime y una huella mínima en el cliente.
-
🐻 Para proyectos nuevos y existentes - Fácil de comenzar o integrar en proyectos brownfield.
-
🔋 Agnóstico a frameworks - La comunidad tRPC ha creado adaptadores para los frameworks más populares.
-
🥃 Soporte para suscripciones - Añade actualizaciones en tiempo real con tipado seguro a tu aplicación.
-
⚡️ Agrupación de solicitudes - Peticiones simultáneas se combinan automáticamente.
-
👀 Ejemplos - Explora un ejemplo para aprender o usarlo como punto de partida.
Vista rápida
Ver más en la página Videos y Recursos Comunitarios.
Prueba tRPC
-
Ejemplo mínimo — Servidor Node.js http + cliente.
-
Ejemplo mínimo Next.js — Endpoint único + página.
O usa una aplicación de ejemplo para comenzar localmente.
Adopta tRPC
Crear un nuevo proyecto
Como tRPC funciona con múltiples frameworks, primero decide dónde implementarlo:
En backend, existen adapters para varios frameworks y Node.js vanilla. En frontend, puedes usar nuestra integración con TanStack React Query o Next.js, una integración de terceros para otros frameworks, o el Cliente Vanilla que funciona dondequiera que corra JavaScript.
Tras elegir tu stack, puedes iniciar con una plantilla o crear desde cero usando la documentación de tu integración elegida.
Agregar tRPC a un proyecto existente
Agregar tRPC a un proyecto existente es similar a iniciar uno nuevo (aplican los mismos recursos). El mayor desafío es integrarlo con tu aplicación actual:
-
No necesitas migrar toda tu lógica backend a tRPC inmediatamente. Una estrategia común es usar tRPC solo para nuevos endpoints, migrando los existentes posteriormente.
-
Si no estás seguro por dónde empezar, consulta la documentación de tu adaptador de backend y la implementación del frontend, así como las aplicaciones de ejemplo.
-
Si buscas inspiración sobre cómo podría integrarse tRPC en una base de código más grande, hay ejemplos disponibles en Proyectos open-source que usan tRPC.
Comunidad
¡Únete a nosotros en Discord para hacer preguntas y compartir tus experiencias!