<b>Windsurf для PWA: за выходные реально собрать рабочий мини-сайт, если не распыляться</b>

<b>Windsurf для PWA: за выходные реально собрать рабочий мини-сайт, если не распыляться</b>

Я тестировал Windsurf на задаче PWA для лендинга: оффер, форма, экран офлайн и установка на экран. Рабочая схема тут не «попросил ИИ сделать всё», а жёсткий список секций и ограничений. Тогда редактор не уходит в лишний фреймворк и не тащит в проект пол-интернета.

Что помогло:
— сначала описать структуру: 3 экрана, CTA, sticky-кнопка, offline page;
— отдельно задать поведение PWA: manifest, service worker, иконки, install prompt;
— попросить не менять готовую верстку, а работать только по файлам из проекта;
— сразу указать, что нужен мобильный first и быстрый LCP.

Главная польза Windsurf — он хорошо держит контекст, если не мешать ему всем подряд. На PWA-задаче это видно особенно: когда промпт короткий и предметный, он быстрее собирает связку из HTML/CSS/JS и меньше ломает мелочи вроде путей к иконкам или регистрации service worker.

Но есть типовая ловушка: ИИ может сделать «почти PWA», где есть manifest, но нет нормальной установки, или offline-экран есть, а кеширование не работает. Поэтому после генерации всегда проверяю три вещи: установка с телефона, поведение без сети, отсутствие лишних скриптов в основном бандле.

Если нужен PWA под лендинг, Windsurf удобен как ускоритель, а не как автопилот. Сначала задайте рамки, потом прогоните офлайн-сценарий руками — так выходные превращаются в рабочий мини-сайт, а не в отладку сюрпризов.