💗 Lovable переводит проекты на TanStack Start с SSR и серверными функциями

С 13 мая новые проекты в Lovable создаются с серверным рендерингом (SSR) на базе TanStack Start — современного React-фреймворка для full-stack приложений. Разработчикам не нужно ничего настраивать или изучать: AI-генерация кода теперь автоматически использует TanStack Router и Cloudflare Workers вместо Vite + React Router.

Ключевое изменение — отказ от Single-Page Apps с Client-Side Rendering. Ранее браузер получал пустую HTML-оболочку, JavaScript подгружался отдельно, что замедляло загрузку и ухудшало индексацию. Теперь страницы приходят с готовым контентом: TanStack Start выполняет React-дерево на сервере, запускает loaders и стримит полностью сформированный HTML. Для статических страниц (блоги, лендинги) работает pre-rendering при деплое — без серверного выполнения в рантайме.

Серверная логика теперь живёт прямо в компонентах через createServerFn. На клиенте эта функция заменяется на typed fetch()-заглушку, а на сервере выполняется оригинальный код. Это упрощает работу с API-ключами, отправкой email и базами данных — больше не нужны отдельные edge-функции на другом URL. Стек включает Supabase (БД, auth, realtime) и Cloudflare Workers с безопасным хранением секретов.

#Lovable #AI #TanStackStart #React #SSR