К основному контенту

PWA для сайта

PWA для сайта: приложение без App Store и лишней разработки

Клиенты открывают сайт с иконки на экране — как банковское приложение. Без публикации в магазинах, без отдельной команды под iOS и Android: один веб-проект с установкой, офлайн-режимом и уведомлениями.

от 16003–7 дней

PWA подключаем к действующим сайтам от 3000 — когда проект уже стабилен и есть смысл усиливать удержание. Стоимость модуля: от 1600 (manifest, service worker, офлайн-страница, подсказки установки) или от 2400 с push-уведомлениями и серверной подпиской. Срок — 3–7 рабочих дней. На новых сайтах бюро на Next.js PWA-фундамент входит в разработку: лендинг от 2200, корпоративный от 3000.

Сравнить все цены

Открывайте на любом смартфоне

Добавьте иконку на экран — сайт бюро будет под рукой как приложение: быстрый доступ, офлайн-страница и push-уведомления.

Компьютер (Chrome / Edge)

  1. 1Откройте manuilau.by в Chrome или Edge
  2. 2Нажмите иконку установки в адресной строке (или меню → «Установить Manuilau»)
  3. 3Подтвердите установку
  4. 4Приложение появится в меню «Пуск» / Dock и будет открываться в отдельном окне

Что входит в цену

  • Базовый (от 1600): Web App Manifest, иконки 192/512, service worker, офлайн-страница
  • UI установки: подсказки для iPhone (Safari), Android (Chrome) и десктопа
  • Кэш критичных страниц и статики — сайт не «белеет» при кратком обрыве сети
  • Расширенный (от 2400): push-уведомления, VAPID, API подписки, тестовая рассылка
  • Отслеживание заявок из PWA vs браузера в Telegram (режим standalone)
  • Чеклист приёмки: установка, офлайн, разрешения push в Safari/Chrome
  • Документация для вашей команды: как тестировать и обновлять

Этапы и сроки

  1. Этап 1

    Аудит и ТЗ — 1 день

    Проверяем текущий стек, HTTPS, маршруты и цели: только установка, офлайн, push или полный комплект. Фиксируем смету и границы работ.

  2. Этап 2

    Manifest и service worker — 1–2 дня

    Иконки, theme-color, scope, precache критичных URL, офлайн-фолбэк. Для Next.js — Serwist и проверка на preview-домене.

  3. Этап 3

    Установка и UX — 1 день

    Инструкции «На экран Домой» / «Установить приложение», блок на сайте, проверка display-mode: standalone на реальных устройствах.

  4. Этап 4

    Push и приёмка — 1–3 дня

    При тарифе с уведомлениями: VAPID, подписка, серверное хранение, smoke-тест рассылки. Сдача по чеклисту и передача доступов.

Вопросы перед стартом

Для каких сайтов подходит PWA как дополнение?

К действующим проектам от 3000 и выше — корпоративным, каталогам, магазинам на Next.js, WordPress или самописном стеке с HTTPS. На лендинге за 500 PWA редко окупается: сначала нужен сайт, который уже приводит заявки. На новом сайте бюро PWA закладываем в разработку сразу.

PWA заменяет нативное приложение в App Store?

Для большинства B2B-сайтов и сервисов с заявками — да, на 90% задач. Нужны сложные нативные API (Bluetooth, фоновая геолокация без ограничений) — тогда натив или гибрид. Для «сайт под рукой + push + офлайн» PWA достаточно.

Работает ли на iPhone?

Да, с iOS 16.4+: установка через Safari «На экран Домой», push — только в установленном PWA после разрешения. Закладка в браузере — это не PWA: в заявках мы это различаем.

Можно подключить PWA к WordPress, Tilda или MODX?

К Tilda — ограниченно (нет полного контроля над service worker). К WordPress, MODX и самописным — да, после аудита и при сайте от 3000. Оптимальный путь: переезд на Next.js с PWA в комплекте — см. переезд на Next.js.

Что нужно от меня для старта?

URL сайта, доступ к хостингу или репозиторию, логотип для иконок (или сделаем из бренда), список страниц для офлайн-кэша. Для push — согласие на функциональные cookie у пользователей.

Нужен PWA для вашего сайта?

Заявка — имя, телефон, URL сайта. В ответ — аудит пригодности, тариф (базовый или с push) и срок подключения.

Дмитрий МануйловДмитрий МануйловЗаявку читает лично, не менеджер
Написать в Telegram
  • Ориентир: от 1600
  • Срок: 3–7 дней
  • Смета с границами этапов — до старта