Релиз TanStack Start 1.0: альтернатива Next.js без привязки к хостингу

В мире React-разработки давно назревал кризис доверия к устоявшимся стандартам. Последние пару лет индустрию активно подталкивали к Next.js App Router: сотни папок с обязательными именами page.tsx, layout.tsx, loading.tsx, непрозрачные серверные кэши, которые живут собственной жизнью, и постоянное ощущение, что весь этот стек проектировался ради продажи облачной инфраструктуры Vercel.

Именно поэтому релиз TanStack Start 1.0 стал главным инфраструктурным событием недели. Таннер Линсли и команда TanStack после года интенсивного тестирования (Release Candidate стартовал в сентябре 2025 года) выкатили стабильную версию полностекового фреймворка, который предлагает совершенно иной баланс: максимальный контроль инженера, кристальную типобезопасность и нулевой вендорлок.

Фундамент: TanStack Router и сборка без магии

Под капотом TanStack Start лежит проверенный TanStack Router — пожалуй, самый мощный типобезопасный файловый роутер в современной экосистеме. Здесь нет необходимости создавать по пять вложенных каталогов ради простого роута с параметром. Ты объявляешь маршрут через createFileRoute, а TypeScript автоматически подхватывает и валидирует абсолютно всё: параметры пути в URL, search-параметры запроса, возвращаемые типы загрузчиков (loader) и контекст аутентификации.

В качестве фундамента сборки используются Vite и Vinxi (поверх Nitro). Это значит, что твой проект собирается в чистый стандартизированный артефакт. Хочешь запустить его в контейнере на собственном VPS? Пожалуйста. Предпочитаешь бессерверные Cloudflare Workers, AWS Lambda или Bun? Достаточно выбрать готовый пресет без переписывания архитектуры. Сложности и компромиссы архитектуры конкурента мы детально изучали в материале Архитектура реального веб-приложения на Next.js App Router: DAL, авторизация и сквозное тестирование.

Серверная логика организуется через примитив createServerFn. Это не просто «магическая функция с директивой», а декларативный RPC-метод с явной валидацией входных данных через Zod или Valibot.

Взгляни, как лаконично связываются загрузчик страницы и серверный запрос:

// app/routes/posts/$postId.tsx
import { createFileRoute } from '@tanstack/react-router';
import { createServerFn } from '@tanstack/start';
import { z } from 'zod';

const fetchPost = createServerFn({ method: 'GET' })
  .validator((id: string) => z.string().parse(id))
  .handler(async ({ data: postId }) => {
    // Код выполняется строго в серверном рантайме
    return { id: postId, title: "Инженерный отчет #" + postId, views: 1042 };
  });

export const Route = createFileRoute('/posts/$postId')({
  loader: async ({ params }) => {
    return await fetchPost({ data: params.postId });
  },
  component: PostComponent,
});

function PostComponent() {
  const post = Route.useLoaderData();
  return (
    <article className="post-card">
      <h1>{post.title}</h1>
      <p>Просмотров: {post.views}</p>
    </article>
  );
}

Реальные метрики: почему бизнес уходит с App Router

Самое убедительное в релизе TanStack Start 1.0 — это не теоретические рассуждения о чистоте кода, а сухие производственные метрики команд, которые уже завершили миграцию:

1. Inngest: время локальной загрузки страниц в режиме разработки упало с мучительных 10–12 секунд до отзывчивых 2–3 секунд. Инженеры перестали ждать компиляции при каждом сохранении файла.
2. Railway: время выполнения сборочного пайплайна в CI/CD сократилось с более чем 10 минут до менее чем 2 минут.
3. Lovable: в популярной платформе генерации приложений отчитались о падении медианного времени отклика до первого байта (TTFB) сразу на 49% по сравнению с предыдущей архитектурой на Next.js. В итоге Lovable объявили TanStack Start фреймворком по умолчанию для всех новых проектов.

Мутации данных описываются так же прямолинейно через POST-вызовы серверных функций:

// app/server/posts.ts
import { createServerFn } from '@tanstack/start';
import { z } from 'zod';

export const likePost = createServerFn({ method: 'POST' })
  .validator(z.object({ postId: z.string() }))
  .handler(async ({ data }) => {
    // Безопасное обновление счетчика в базе данных
    return { success: true, postId: data.postId };
  });

Выход версии 1.0 подводит черту под эпохой, когда разработка на React была синонимом одного-единственного фреймворка. TanStack Start доказывает: веб-приложения могут быть быстрыми, понятными и по-настоящему открытыми.