💗 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 при деплое — без серверного выполнения в рантайме.
Серверная логика теперь живёт прямо в компонентах через
#Lovable #AI #TanStackStart #React #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
👍1
💗 Lovable мигрировала lovable.dev с Next.js на TanStack Start и собственный хостинг
Компания Lovable перевела свой сайт - 42 млн уникальных посетителей в месяц, около 400 маршрутов и 910 тыс. строк кода - с Next.js/Vercel на TanStack Start и собственную платформу.
Теперь lovable.dev работает как обычное Lovable-приложение: сборка идёт в отдельный worker для Cloudflare workerd, запускается в V8-изоляте, а общий loader обслуживает её как один из 60 млн бандлов. Уникального кода для этого пути - меньше 200 строк, в основном метаданные релизов и observability.
Миграция шла постепенно: прокси-worker по фича-флагам направлял запросы между Next.js и TanStack Start, а маршруты мигрировали группами, чтобы пользователь оставался в одном фреймворке. Общий код вынесли в
🎨 qvabo.studio/tg · картинки и видео
#Lovable #NextJS #TanStackStart #Development #AI
Компания Lovable перевела свой сайт - 42 млн уникальных посетителей в месяц, около 400 маршрутов и 910 тыс. строк кода - с Next.js/Vercel на TanStack Start и собственную платформу.
Теперь lovable.dev работает как обычное Lovable-приложение: сборка идёт в отдельный worker для Cloudflare workerd, запускается в V8-изоляте, а общий loader обслуживает её как один из 60 млн бандлов. Уникального кода для этого пути - меньше 200 строк, в основном метаданные релизов и observability.
Миграция шла постепенно: прокси-worker по фича-флагам направлял запросы между Next.js и TanStack Start, а маршруты мигрировали группами, чтобы пользователь оставался в одном фреймворке. Общий код вынесли в
#shared с линт-правилами; Next.js-специфичного кода осталось 3%, 90-95% - framework-agnostic. Главная цель - dogfooding: быстрее находить боли пользователей и улучшать платформу для всех.🎨 qvabo.studio/tg · картинки и видео
#Lovable #NextJS #TanStackStart #Development #AI
🤔1🤝1