Дмитрий Ваницкий написал об опыте тестирования вайбкод-прототипа с фронтендом и бекендом. — 6 июня 2026 г. в 18:46:31.625
Дмитрий Ваницкий написал об опыте тестирования вайбкод-прототипа с фронтендом и бекендом. — Вероятность получить ТЗ не в виде длинной спецификации, а в виде вайбкод-прототипа с каждым днём становится всё больше; — Надо учиться их запускать, а также тестировать с пользователями; — Потребуется редактор кода. К VS Code можно подключить любой ИИ. Дмитрий остановился на Antigravity благодаря агентному подходу и продвинутому планированию при решении задач; — Прототип без бекенда (React app, который сам считает и хранит данные в локальном хранилище) можно легко посмотреть на своём компьютере; — Для пользовательского тестирования такие прототипы можно сделать доступными в интернете через Netlify или Vercel; — Зачем нужен прототип с бекендом: использовать реальные данные (дамп базы), обрабатывать запросы не на фронте ради безопасности, тестировать более длинные сессии; — Чаще всего придётся иметь дело с Vite-проектом. Достаточно попросить ИИ проанализировать проект и запустить его; — Чтобы всё работало не только у вас на компьютере, регистрируйтесь в GitHub и публикуйте проект там; — Коммитьте чаще, чтобы не сильно откатываться назад, когда всё сломается; — Проекты, требующие только фронта, можно публиковать в GitHub Pages, а можно в Vercel или Netlify через интеграцию с Гитхабом (указать его как вендора); — Если нужен бекенд, репозиторий в GitHub можно подключить к Railway. Надо прописать в конфиге Vite нужный URL, чтобы не ссылаться на локалхост; — При тестировании на реалистичных данных может потребоваться подменить данные из дампа базы выдуманными, сохранив логику и связи. Дмитрий поделился ИИ-скилом для этого; — Для немодерируемых тестов таких прототипов подойдут Maze, Useberry, бесплатная платформа Display; — Чтобы система понимала, когда заканчивать тест, открытие целевого экрана должно сопровождаться изменением URL; — Если у вас React-приложение, которое работает на стейтах, попросите ИИ добавить подмену URL на финальные экраны. #prototype #user_testing #ai #tool