<b>Windsurf для PWA: где он ускоряет сборку, а где заставляет перепроверять руками</b>

<b>Windsurf для PWA: где он ускоряет сборку, а где заставляет перепроверять руками</b>

PWA — удобный формат для мини-сайта, если нужен быстрый старт, офлайн-обёртка и иконка на экране. Для vibe coding это хороший тест: много типовой рутины, но легко сломать мелочи.

Я бы делал так: сначала описываю структуру, потом прошу Windsurf собрать базовый каркас — главную, manifest, service worker, офлайн-страницу, мета-теги и адаптив. Не распыляю задачу на десяток маленьких промптов.

Что важно проверить сразу:
— корректный <code>manifest.json</code> с иконками всех размеров;
— регистрация service worker без лишней логики;
— fallback-страница на случай офлайна;
— Lighthouse по PWA-пунктам, а не только «страница открывается».

Сильная сторона Windsurf — быстро разложить проект по файлам и не потерять связность. На типовом лендинге он нормально собирает основу, если дать жёсткое ТЗ: без лишних библиотек, без сложной анимации, без самодельного фреймворка.

Слабое место — когда начинаются нюансы установки приложения, кеширования и поведения на iOS. Тут ИИ часто пишет «почти рабочий» код, а на практике нужен ручной чек: кнопка установки, иконка, запуск со стартового экрана, обновление кеша.

Если делать PWA под арбитражный прелендер или мини-сайт, лучший сценарий такой: ИИ собирает 80% каркаса, человек добивает 20% критичных деталей. Именно эти 20% решают, будет ли сайт выглядеть как приложение или как обычная страница в обёртке.