TanStack y Vercel se alían: TanStack Start ya tiene soporte oficial

TanStack y Vercel han anunciado en LinkedIn que trabajan juntos oficialmente para convertir a Vercel en la casa natural de TanStack Start. No es un titular vacío: el soporte ya está en el detector de frameworks de Vercel, hay un plugin de Nitro documentado y una guía de despliegue publicada en la base de conocimiento desde noviembre de 2025. Lo interesante no es solo Start, sino todo lo que arrastra detrás: el conglomerado TanStack lleva años siendo la alternativa headless a las librerías “todo incluido”, y esta alianza le da una plataforma de despliegue de primera clase.

Qué anuncian exactamente

El 11 de noviembre de 2025 Vercel publicó soporte oficial para TanStack Start en su changelog. La colaboración se traduce en tres cosas concretas:

• Detección automática del framework al importar un repositorio desde vercel.com/new.
• Plantillas listas para usar, ya configuradas con el plugin de Nitro.
• Fluid compute con Active CPU pricing por defecto — las funciones servidor de TanStack Start escalan solas y solo se cobra CPU activa, sin cargos por tiempo inactivo.

El post de LinkedIn lo resume como “hacer de Vercel un hogar de primera clase para TanStack Start”, pero en la práctica es Vercel adoptando el patrón que ya usa con Next.js, Nuxt o SvelteKit: cero configuración para el caso común, y ganchos específicos (Nitro, en este caso) para el resto.

TanStack no es solo Start: es un conglomerado de herramientas headless

Aquí está la parte que suele pasar desapercibida. TanStack Start es la pieza más nueva de un ecosistema que Tanner Linsley lleva construyendo desde hace años, y que comparte una filosofía muy concreta: librerías headless, sin estilos ni opiniones de UI, con tipado fuerte y compatibles con varios frameworks de UI (React, Solid, Vue, Svelte según la librería).

Librería	Qué resuelve
TanStack Query	Estado de servidor: fetching, caché, revalidación (el antiguo React Query)
TanStack Router	Enrutado type-safe con inferencia de parámetros y loaders
TanStack Table	Tablas headless: sorting, filtrado, paginación, virtualización
TanStack Form	Formularios con validación type-safe, sin re-renders innecesarios
TanStack Virtual	Virtualización de listas y grids grandes
TanStack Store	Gestión de estado atómica y reactiva
TanStack DB	Sincronización de datos reactiva sobre stores locales
TanStack Start	El framework full-stack que junta Router + Vite + Nitro + server functions

Si ya usas TanStack Query o TanStack Table en un proyecto Next.js o Remix, esto no cambia nada para ti directamente. Pero si alguna vez te has preguntado por qué no había un framework full-stack “oficial” que compartiera la misma filosofía type-safe de Router, la respuesta es Start: es la culminación natural del resto de librerías, no un producto aparte.

TanStack Start, en corto

Start es un framework full-stack construido sobre TanStack Router, con:

• SSR de documento completo y streaming.
• Server functions — funciones que se ejecutan solo en servidor, invocables desde el cliente como si fueran locales.
• Bundling vía Vite, sin config propia de bundler.

La pieza que lo hace desplegable en cualquier sitio (Vercel incluido) es Nitro, el mismo motor de servidor universal que usa Nuxt. Start no reinventa el runtime de servidor: delega en Nitro, y Nitro sabe compilar para Node, edge runtimes, Cloudflare Workers o Vercel Functions sin que cambies una línea de tu código de aplicación.

Cómo funciona el despliegue en Vercel

La integración pasa por tres capas:

1. El plugin nitro() en vite.config.ts — es lo único que hay que añadir a un proyecto TanStack Start existente.
2. Nitro compila el código servidor a Vercel Functions en el build.
3. Esas funciones corren sobre Fluid compute por defecto, con Active CPU pricing: escalado automático y sin coste por instancias en idle.

// vite.config.ts
import { tanstackStart } from '@tanstack/react-start/plugin/vite';
import { defineConfig } from 'vite';
import viteReact from '@vitejs/plugin-react';
import { nitro } from 'nitro/vite';

export default defineConfig({
  plugins: [tanstackStart(), nitro(), viteReact()],
});

Nada de adaptadores manuales ni configuración de rutas de función. Es la misma promesa que Vercel viene repitiendo con cada framework que adopta: detecta, compila, despliega.

Guía rápida: tu primera app TanStack Start en Vercel

Si partes de un proyecto existente sin Nitro:

pnpm i nitro

Registra el plugin como en el bloque anterior y despliega:

# Preview
vercel

# Producción
vercel --prod

O, si prefieres el flujo por Git: push al repositorio, importar desde vercel.com/new, confirmar que el framework detectado es “TanStack Start” y desplegar.

Para variables de entorno, la regla habitual de Vite aplica:

vercel env add MY_SECRET              # solo servidor
vercel env add VITE_PUBLIC_KEY        # expuesta al cliente
vercel env pull                       # sincronizar localmente

Por qué esta alianza importa

Vercel ya tenía a Next.js como buque insignia, pero anunciar un partnership oficial con TanStack es una señal distinta: reconoce que hay una parte del ecosistema React que prefiere componer sus propias piezas —routing, estado de servidor, formularios— en lugar de aceptar las convenciones de un meta-framework cerrado. Esa audiencia ya estaba usando TanStack Query y TanStack Table a diario; lo que le faltaba era una historia full-stack con el mismo nivel de soporte de plataforma que Next.js.

Con Nitro de por medio, tampoco es una apuesta exclusiva de Vercel: el mismo proyecto se despliega en Cloudflare, Netlify o un servidor Node propio sin reescribir nada. Para quien valora no quedar atado a una plataforma, esto es casi tan importante como el propio anuncio.