💗 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
Фред Шотт, создатель веб-фреймворка Astro, выпустил стабильную версию 2.0 своего агентного фреймворка Flue. Главная особенность релиза — «Agent Hooks» в стиле React: агент в Flue представлен JavaScript-функцией, которая «перерисовывается» перед каждым вызовом модели, а хуки позволяют динамически менять его состояние, подключать инструменты и ресурсы прямо во время работы.
В Flue 2 встроено 16 хуков, включая useSkill(), useTool() и useSubagent(), также можно писать собственные на TypeScript. Шотт пояснил, что изначально хотел сделать «Astro для агентов», но понял: нужнее «React для агентов». По его словам, крупным клиентам не нужна маршрутизация — «у них вся компания — это один агент», поэтому ключевой стала композируемость, а не файловые роуты из веб-фреймворков.
Практический смысл: агенты перестают быть статичными и могут адаптироваться на лету — например, support-бот подключает инструмент управления аккаунтом только после проверки пользователя. Flue построен поверх минимального опенсорсного харнесса Pi, а хостинг агентов во Flue 2 теперь использует Vite. Шотт сравнивает роль Pi с тем местом, которое Vite занимает под капотом Astro.
#Tech #AI #Flue #React #Development #Agents
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🤔1