Vite SSR Boost — плагин
Плагин с двумя навыками переносит SPA на Vite и React Router в SSR Boost или создает новое SSR-приложение с нуля.
- 119 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Навык переписывает конфигурацию, точки входа и скрипты проекта.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/vite-ssr-boostОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Навык переписывает конфигурацию, точки входа и скрипты проекта.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Плагин для Claude Code несет два навыка. `ssr-boost-migrate` переносит существующее SPA на Vite и React Router 7 в режиме Data на серверный рендер с библиотекой `@lomray/vite-ssr-boost`. Навык снимает исходные показатели, проверяет совместимость версий, делает пробный запуск `init --dry-run`, применяет правки и проверяет потоковую выдачу, гидрацию, размер бандла и готовность к развертыванию. `ssr-boost-new-app` создает новое приложение по шаблону. Сама библиотека добавляет SSR в проект Vite с сохранением объектов маршрутов и компонентов. Из одного приложения собираются SSR и SPA, а транспорт выбирают между управляемым сервером Express и обработчиком Fetch. Для миграции обычно меняются пять файлов: конфигурация Vite, HTML, точки входа клиента и сервера и скрипты `package.json`.
Для кого. Фронтенд-командам на React Router 7, которым нужен серверный рендер без перехода на режим Framework.
Подходит, если
- SPA теряет в поиске, и страницам нужен серверный рендер.
- Миграция должна сохранить маршруты и провайдеры приложения.
- После переноса проверяют гидрацию и размер клиентского бандла.
- Новое приложение с SSR создают по шаблону одной командой.
Не подходит, если
- Проект на Next.js или другом фреймворке с готовым SSR.
- Используется `BrowserRouter` и маршрутизатор нельзя переписать.
- Версии Vite и React вне поддерживаемых диапазонов.
Пример запроса к агенту
Перенеси это SPA на SSR Boost: сначала `init --dry-run`, покажи список правок, затем примени и проверь гидрацию.Ограничения
Навык ориентирован на Vite 6 или 7, React 18 или 19 и react-router 7 в режиме Data. Приложение на JSX `BrowserRouter` сначала переводят на `createBrowserRouter` с `RouterProvider`. Автоматическая инициализация отказывается от неоднозначного стартового кода, его правят вручную по справочнику. Тестовый набор и политика инкрементального SSR требуют версии библиотеки новее стабильной 8.3.0. Установка плагина через маркетплейс выведена из манифеста, а в описании проекта приведены только команды npm. Последний коммит от сентября 2026 года.
Как отключить. Выполните `/plugin uninstall ssr-boost`. Изменения в проекте откатываются через git, зависимость убирают командой `npm uninstall @lomray/vite-ssr-boost`.
Частые вопросы
Какие версии поддерживает миграция?
Базовая линия: Vite 6 или 7, React и React DOM 18 или 19, react-router 7 в режиме Data.
Как посмотреть правки без применения?
Выполните `npx ssr-boost init --dry-run`. Флаг `--apply` внесет изменения после просмотра.
Как создать новое приложение?
Командой `npm create @lomray/ssr-app@latest my-app`; шаблон `full` выбирают флагом `-- --template full`.
Что проверяет `doctor`?
Команда `npx ssr-boost doctor` проверяет настройку проекта после установки и миграции.
Чем SSR Boost отличается от режима Framework?
Он добавляет серверный рендер к приложению в режиме Data, не требуя переписывать его под Framework.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныНавык по плагину SVG-спрайтов для Vite: установка, настройка, компоненты для Vue и React, SSR и миграция со старого плагина.
Плагин Vite с MCP-сервером: агент видит компоненты, маршруты и хранилища Pinia запущенного Vue-приложения
VibeStart собирает проект на TypeScript из выбранных слоев стека и отдает агенту проверенную основу с правилами и тестами.
Плагин для Vite, Nuxt и Next.js открывает агенту состояние запущенного приложения на Vue, React, Svelte или Solid через MCP.
Nuxt MCP Dev
nuxt-mcp-dev / vite-plugin-mcp
Модуль Nuxt и плагин Vite поднимают MCP-сервер на порту dev-сервера: агент видит конфигурацию, страницы, компоненты, автоимпорты и граф модулей
Плагин Vite со скиллом: пишет ошибки, запросы и снимки страницы в журналы, по которым агент находит причину поломки
Коротко о README
README делит работу на добавление в существующий проект и создание нового. Ссылки ведут на руководство по миграции пяти файлов и на справочник по маршрутам.