Saltar al contenido
Supastack
ES
Tema
Iniciar sesiónObtener Supastack
Todos los artículos

Un starter kit SaaS de TanStack Start, el producto completo, en Vite

supastack incluye una app TanStack Start completa: rutas tipadas, server functions, auth, billing, IA y admin, el mismo SaaS que la versión Next.js, en el mismo monorepo.

Noah Zixin Zhang2 min de lectura

¿Qué incluye la app de TanStack Start de supastack?

Depende del plan, pero cada licencia incluye el producto supastack completo sobre Vite y TanStack Router: rutas basadas en archivos con tipado seguro y SSR, funciones de servidor, auth, espacios de trabajo, facturación con ocho proveedores de pago, un asistente de IA y una superficie de administración con referencia OpenAPI. Lee el mismo esquema y los mismos paquetes que la app de Next.js, así que ambos frontends web pueden funcionar sobre un único backend.

El SaaS completo, no una porción

La mayoría de los starters de TanStack se quedan en una página de login y una lista de tareas. La nuestra renderiza toda la superficie supastack, las mismas pantallas que sirve la app Next.js, así que elegir TanStack Start nunca significa menos producto.

  • Dashboard de inicio, analíticas y búsqueda en todo el producto
  • Miembros, invitaciones, sesiones de seguridad y ajustes de SSO
  • Billing con checkout, planes y webhooks firmados en ocho proveedores de pago
  • Asistente de IA y tareas de agente en segundo plano con presupuestos por workspace
  • API documentada con OpenAPI y página de referencia dentro de la app
  • Onboarding, notificaciones, vista previa de emails y bandeja de feedback
  • 13 idiomas y más de 20 paquetes de temas sobre el mismo sistema de diseño

Por qué los equipos eligen TanStack Start

Vite 8 arranca al instante, TanStack Router ofrece rutas basadas en archivos con seguridad de tipos de extremo a extremo, y las server functions mantienen las mutaciones junto al código que las llama. El stack moderno de React sin lock-in de framework.

Los mismos paquetes compartidos alimentan las dos apps web, auth, base de datos, billing, IA, jobs, email, así que las funciones llegan a ambas superficies a la vez y tu lógica de producto nunca diverge.

  • TanStack Start + React
  • TanStack Start + Vite
  • Rutas basadas en archivos tipadas y SSR
  • TypeScript + Turborepo
  • Better Auth
  • Drizzle + PostgreSQL
  • Sentry + PostHog

Dos stacks web, un backend

Elige TanStack Start porque tu equipo prefiere Vite y el ecosistema TanStack, o publica las dos apps web. Leen el mismo esquema a través de los mismos paquetes: una función construida una vez funciona en ambos frontends.

Cada licencia incluye las dos apps web más Expo y Tauri. ¿Solo este stack? El plan de una plataforma lo cubre.

Del clon a producción

Una instalación, la app apuntando a la base de datos compartida, y el servidor de desarrollo de Vite corre en minutos con datos semilla. Los builds de producción funcionan como servidor Node por defecto, con presets de Nitro para otros destinos.

  • Mismo monorepo, mismos paquetes, una instalación cubre todas las apps
  • Las rutas tipadas mantienen honestos los refactorings a medida que tu producto crece
  • Las guías reflejan el conjunto de Next.js, la curva de aprendizaje sigue plana

Preguntas frecuentes

  • ¿La app TanStack Start está completa en funciones?, Sí. Renderiza la misma superficie de producto que la app Next.js, inicio, analíticas, miembros, sesiones de seguridad, billing, ajustes y la referencia OpenAPI, y se prueba igual.
  • ¿Debería elegir Next.js o TanStack Start?, Elige el framework que tu equipo prefiera, de todos modos obtienes ambos. Nuestro artículo comparativo repasa los trade-offs en detalle.
  • ¿Comparte base de datos con la app Next.js?, Sí. Las dos apps web leen el mismo esquema a través de los mismos paquetes, así que puedes correr uno o ambos frontends sobre un único backend.

Tu próximo producto empieza aquí.

Paga una vez. Sigue creando productos rentables.