PWAAo vivo

PWA & Cache Inteligente

Instalação nativa, cache multi-estratégia por tipo de recurso e detecção real de conectividade: os pilares que sustentam um bom PWA.

Sobre esta demo

Instalação via beforeinstallprompt, Service Worker com três estratégias de cache diferentes por tipo de recurso (Network First para HTML, Cache First para imagens, Stale-While-Revalidate para JS/CSS, via Serwist), e um indicador de status online/offline que faz ping real em /api/health juntamente com uma verificação navigator.onLine para certificar-se do status da conexão.

Área de demonstração

A demonstração é 100% funcional — teste agora.

Ficha técnica

Tecnologias

Web App Manifest
Service Worker
Serwist

Arquitetura

Disponível Offline
Service Worker como proxy de rede
Cache via Serwist

Conceitos

Experiência nativa
Sem conexão
Estratégias de Cache Inteligente