Vercel добавил поддержку TanStack Start — фреймворка на базе TanStack Router для React и Solid

Vercel официально объявил о поддержке TanStack Start — полнофункционального фреймворка, построенного на основе TanStack Router. Теперь разработчики, использующие React или Solid, могут создавать новые проекты или добавлять TanStack Start в существующие приложения, чтобы легко развернуть их на платформе Vercel. Для интеграции достаточно установить плагин nitro() в файле vite.config.ts. Это расширяет экосистему Vercel, которая ранее была сосредоточена на Next.js, и даёт больше свободы выбора инструментов.

Что такое TanStack Start и как он работает на Vercel

TanStack Start — это фреймворк для создания веб-приложений, который использует TanStack Router, известный своей гибкостью и производительностью. Он поддерживает как React, так и Solid, позволяя разработчикам выбирать предпочитаемую библиотеку для пользовательского интерфейса. На Vercel приложения TanStack Start по умолчанию запускаются с использованием Fluid compute и активного ценообразования CPU. Это означает, что приложение автоматически масштабируется в зависимости от трафика, и вы платите только за фактически использованное процессорное время, а не за время простоя функций. Такая модель особенно выгодна для проектов с неравномерной нагрузкой.

Как начать использовать TanStack Start на Vercel?

Для начала работы с TanStack Start на Vercel нужно выполнить несколько простых шагов. Сначала создайте новое приложение с помощью шаблона TanStack Start или добавьте плагин nitro() в существующий проект, изменив файл vite.config.ts. Затем разверните проект на Vercel через Git-интеграцию или CLI. Платформа автоматически определит TanStack Start и настроит среду выполнения с Fluid compute. Разработчики могут управлять дополнительными настройками через конфигурационные файлы Vercel, такие как vercel.json. Важно отметить, что TanStack Start поддерживает все основные функции Vercel, включая предварительный просмотр, переменные окружения и аналитику.

Предыстория и контекст

Vercel давно известен как платформа для развёртывания фронтенд-проектов, особенно тех, что используют Next.js. Однако в последнее время компания активно расширяет поддержку других фреймворков и инструментов. TanStack Router завоевал популярность среди разработчиков благодаря мощным возможностям маршрутизации и управления состоянием. Появление поддержки TanStack Start — логичный шаг для Vercel, стремящегося привлечь более широкую аудиторию разработчиков, работающих с современными стеками. Это также ответ на растущий спрос на альтернативы Next.js, которые предлагают большую гибкость.

Чем TanStack Start отличается от Next.js?

Next.js — это фреймворк от Vercel, который предоставляет полный набор инструментов для серверного рендеринга, статической генерации и API-маршрутов. TanStack Start, в свою очередь, фокусируется на использовании TanStack Router и поддерживает как React, так и Solid. В отличие от Next.js, который является монолитным решением, TanStack Start предлагает более модульный подход, позволяя разработчикам выбирать библиотеки по своему усмотрению. При этом на Vercel оба фреймворка используют одинаковую инфраструктуру Fluid compute, что обеспечивает одинаково высокую производительность и масштабируемость. Основное различие — в философии: Next.js предоставляет всё "из коробки", а TanStack Start даёт больше контроля над стеком.

Технические детали: как развернуть TanStack Start на Vercel

Для начала работы с TanStack Start на Vercel достаточно создать новое приложение с помощью шаблона или добавить плагин nitro() в существующий проект. Vercel автоматически определяет TanStack Start и настраивает среду выполнения. По умолчанию используется Fluid compute с активным ценообразованием CPU — это означает, что функции выполняются без холодного старта и масштабируются по требованию. Разработчики могут управлять настройками через конфигурационные файлы Vercel. Кроме того, TanStack Start поддерживает все современные возможности Vercel, такие как Edge Functions, Serverless Functions и статическую генерацию. Для оптимальной производительности рекомендуется использовать последнюю версию Node.js и настроить кэширование через заголовки.

Кого затронет и как

Нововведение в первую очередь полезно разработчикам, которые уже используют TanStack Router и хотят развернуть полноценное приложение без перехода на Next.js. Для команд, работающих с Solid, это также открывает новые возможности, так как TanStack Start поддерживает Solid наравне с React. Бизнесу это даёт гибкость выбора инструментов без потери производительности и масштабирования. Для конкурентов Vercel, таких как Netlify или Cloudflare Pages, это сигнал о необходимости расширять поддержку альтернативных фреймворков. Кроме того, нововведение может стимулировать развитие экосистемы TanStack и привлечь новых пользователей.

Что будет дальше

Vercel продолжает расширять экосистему, и можно ожидать дальнейшей поддержки других фреймворков и инструментов. TanStack Start, вероятно, получит больше интеграций и оптимизаций в будущем. Разработчикам стоит следить за документацией TanStack Start на Vercel, где будут появляться новые примеры и руководства. Также возможно появление дополнительных шаблонов и интеграций с популярными сервисами, такими как базы данных и аутентификация. В долгосрочной перспективе TanStack Start может стать серьёзным конкурентом Next.js в нише гибких фреймворков.

Итог

Поддержка TanStack Start на Vercel — это значимое расширение возможностей платформы, которое даёт разработчикам больше свободы в выборе инструментов. Благодаря Fluid compute и активному ценообразованию CPU, приложения на TanStack Start работают эффективно и экономично. Если вы используете TanStack Router, сейчас лучшее время попробовать TanStack Start на Vercel. Начните с создания нового проекта или добавьте плагин nitro() в существующее приложение, чтобы оценить все преимущества этой интеграции.