< BLOG />
Nuevo curso: TanStack Start + Claude Code
Aprende los fundamentos de TanStack Start y, a partir de una base sólida, mejora tu productividad con Claude Code mediante un flujo de desarrollo estructurado.
< INICIO />
Aprende los fundamentos de TanStack Start y, a partir de una base sólida, mejora tu productividad con Claude Code mediante un flujo de desarrollo estructurado.
En los últimos años, el desarrollo web ha evolucionado desde las aplicaciones renderizadas completamente en el navegador hacia arquitecturas capaces de combinar renderizado en servidor, navegación en cliente, streaming, generación estática y funciones ejecutadas en el servidor.
Al mismo tiempo, herramientas como Claude Code están cambiando la manera en la que desarrollamos software. Nos permiten analizar una base de código, planificar funcionalidades, implementar cambios o revisar el trabajo realizado.
Pero hay un problema: si no entendemos bien la tecnología sobre la que estamos trabajando, añadir IA al proceso no soluciona gran cosa. Solo nos permite equivocarnos más rápido.
Por eso hemos preparado un nuevo curso en Lemoncode: TanStack Start + Claude Code.
Primero, los fundamentos
TanStack Start es un metaframework full stack para React construido sobre TanStack Router y Vite.
Nos permite trabajar con enrutado tipado, renderizado en servidor, carga de datos, server functions y otras capacidades necesarias para desarrollar aplicaciones web modernas.
Sin embargo, antes de empezar a utilizar sus APIs conviene entender qué problemas resuelve y qué está ocurriendo por debajo.
Durante la primera parte del curso revisaremos las principales estrategias de renderizado:
- HTML estático.
- Renderizado en cliente: CSR y aplicaciones SPA.
- Renderizado en servidor: SSR.
- SSR con streaming.
- Generación estática y prerenderizado.
- Hidratación y navegación en cliente.
Analizaremos las ventajas, limitaciones y casos de uso de cada alternativa, así como las responsabilidades que asume React y las que corresponden a un metaframework.
La idea no es aprender recetas de memoria, sino tener criterio para decidir qué solución aplicar en cada situación.
Desarrollo full stack con TanStack Start
Una vez asentados los fundamentos, crearemos una aplicación con TanStack Start desde cero.
Trabajaremos con los elementos principales del metaframework:
- Estructura y configuración del proyecto.
- Rutas estáticas y dinámicas.
- Parámetros de ruta y de búsqueda.
- Rutas anidadas y layouts.
- Navegación tipada.
- Loaders y carga de datos.
- Estados de carga y gestión de errores.
- Server functions.
- Autenticación y autorización.
- Formularios con TanStack Form.
- Validación en cliente y servidor.
- Prefetching, streaming y Suspense.
El objetivo es comprender cómo encajan todas estas piezas dentro de una aplicación real, desde la navegación y la carga de datos hasta la ejecución segura de lógica en el servidor.
Después, productividad con Claude Code
Cuando ya conocemos la arquitectura y las herramientas que estamos utilizando, llega el momento de incorporar Claude Code.
No planteamos esta parte como una colección de prompts ni como dejar que un agente genere código sin supervisión.
Trabajaremos con un harness para desarrollo asistido por agentes que estructura el ciclo completo de una funcionalidad:
- Definición inicial del caso.
- Entrevista para concretar el problema, la interfaz y los detalles técnicos.
- Generación y revisión del plan.
- Creación de la issue en GitHub.
- Preparación del handoff.
- Implementación paso a paso o desatendida.
- Revisión del trabajo realizado.
- Registro de las decisiones de arquitectura.
- Generación y mejora de playbooks.
- Validación y cierre del caso.
También veremos conceptos como skills, agents y servidores MCP, y cómo utilizarlos dentro de un proceso repetible.
El objetivo no es sustituir el criterio del desarrollador, sino reducir trabajo mecánico, mantener el contexto y mejorar la productividad sin perder el control sobre el resultado.
Un curso práctico
El curso termina con un laboratorio en el que aplicaremos el proceso completo sobre un caso práctico.
Partiremos de la definición del problema, prepararemos el plan y construiremos la solución con TanStack Start y Claude Code. Durante el proceso revisaremos las decisiones tomadas y resolveremos las dudas que aparezcan.
No se trata de ver una demostración cerrada, sino de recorrer un flujo de desarrollo que después puedas adaptar a tus propios proyectos.
¿A quién está dirigido?
Este curso está pensado para desarrolladores que ya trabajan con React y quieren:
- Entender las posibilidades de TanStack Start.
- Aprender a construir aplicaciones React full stack.
- Profundizar en SSR, streaming, loaders y server functions.
- Incorporar Claude Code a su trabajo con un proceso estructurado.
- Utilizar agentes de desarrollo sin delegar en ellos las decisiones técnicas.
Para seguirlo con comodidad recomendamos tener experiencia previa con React, TypeScript, Git y consumo de APIs.
No es necesario haber utilizado anteriormente TanStack Start ni Claude Code.
Información del curso
- Inicio: 22/09/2026
- Duración: 8 horas, divididas en cuatro sesiones
- Formato: online en directo
- Precio: 180 €
- Plazas: limitadas
Primero construiremos una base sólida con TanStack Start. Después, aprenderemos a aumentar la productividad con Claude Code, utilizándolo con criterio y dentro de un proceso de desarrollo estructurado.