Principal/React y Next.js/Blueprints/Estado y tiempo real/Offline-First PWA с синхронизацией фоновых мутаций и IndexedDB
Volver a tarjetas «Estado y tiempo real»Трудозатраты~12 рабочих часов
Фриланс вилка~$540 – $900 (€480 – €840)
Оценка веб-студии~$1,140 – $1,920 (€1080 – €1800)
ТЗ заказчика (исходный бриф):
Инженер не должен думать о наличии интернета. Нажал "Сохранить акт" — данные мгновенно записаны в локальную память. Как только машина выехала из подвала и поймала 3G/LTE — все данные ушли в базу.
Ключевые требования:
- •Надежное локальное хранилище черновиков и бинарных фото в IndexedDB
- •Очередь отложенных запросов (Offline Mutation Queue) с автоматическими повторами
- •Идемпотентные ключи запросов для предотвращения дублирования актов
- •Индикатор статуса сети (Online / Offline / Syncing) в интерфейсе
Ограничения проекта:
- •Потеря данных при закрытии приложения недопустима
- •Синхронизация должна возобновляться даже при свернутом браузере
Критерии приёмки (KPI):
- Время сохранения оффлайн-записи в IndexedDB < 10ms
- 100% доставка накопленных мутаций при восстановлении сети
Пошаговое практическое руководство по ТЗ
Подробный разбор архитектуры, код реализации и советы эксперта по каждому этапу: