У нас вы можете посмотреть бесплатно Я вынес админку в отдельное приложение за 1 промпт или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
В этом видео я показываю реальный продакшн-рефакторинг моего SaaS-проекта. Я вынес админку из основного фронтенд-приложения в полностью отдельное приложение и настроил независимые деплои на Firebase Hosting. Зачем это вообще нужно? — уменьшить размер бандла — изолировать ответственность — деплоить админку независимо — снизить риск при релизах — упростить масштабирование Изменилось более 400 файлов. Введение и постановка задачи [00:02] — Описание проблемы: админка объединена с основным приложением, что замедляет сборку и деплой. [01:05] — План рефакторинга: создание отдельного хостинга в Firebase и перенос компонентов админки в новый проект. [01:43] — Решение сделать админку полностью независимой, не разделяя общие компоненты с фронтендом. [03:31] — Уточнение промпта для агента: отказ от использования общей «инфры» в пользу сторонних библиотек (React Firebase Hooks). Процесс работы ИИ-агентов [05:26] — Начало генерации файлов и структуры проекта в новой папке /admin. [06:39] — Рассуждения о роли инженера в эпоху ИИ: почему «любой Вася Пупкин» может писать код, но не может строить архитектуру. [08:45] — Проблема читаемости кода, сгенерированного ЛЛМ, и важность контроля со стороны опытного разработчика. [10:45] — Мнение о том, что ИИ не заменит программистов, а усилит тех, кто умеет мыслить архитектурно. [12:51] — Пример использования агентов для рутинных задач, таких как обновление NPM-пакетов. Результаты и проверка [13:45] — Завершение основной части работы: установка зависимостей и перенос страниц. [15:27] — Редактирование конфигурации Firebase и настройка CI/CD (GitHub Actions) для раздельного деплоя. [18:12] — Настройка тасков в VS Code для одновременного запуска всех приложений одной командой. [19:36] — Решение возникшей ошибки с лимитами модели и запуск эмуляторов. [22:00] — Демонстрация работающей админки на отдельном порту: проверка разделов (CRM, транзакции, логи). [23:56] — Итоги: успешный рефакторинг сложной фичи за один промпт.