TanStack Start

Définition

Framework full-stack bâti sur TanStack Router (routage typé) qui ajoute SSR, streaming, server functions et server routes avec middleware composable, sur Vite ou Rsbuild. Toujours en Release Candidate au 27 septembre 2026 (paquet @tanstack/react-start 1.168.58 publié le 23 septembre 2026), déployable sur Netlify, Vercel, Cloudflare, Node. Les server functions se déclarent avec createServerFn().validator().handler() et se consomment via useServerFn ou les loaders.

Analogie

Un kit de construction où chaque pièce est étiquetée et typée : impossible d'assembler un loader avec la mauvaise route.

Exemple de code

import { createServerFn } from '@tanstack/react-start';
import { z } from 'zod';

export const createUser = createServerFn({ method: 'POST' })
  .validator(z.object({ name: z.string().min(1) }))
  .handler(async ({ data }) => {
    return db.users.insert({ name: data.name }); // serveur uniquement
  });

// Route : préchargement typé
export const Route = createFileRoute('/users')({
  loader: () => getUsers(),
});
// Composant : const create = useServerFn(createUser);

Cas d'usage

Équipes déjà sur TanStack Query/Router qui veulent un full-stack très typé sans adopter Next.js ni les RSC.

Anti-pattern

Termes liés

Sources

• tanstack.com/start/latest
• tanstack.com/start/latest/docs/framework/react/guide/server-functions
• github.com/TanStack/router/releases