PWAAo vivo

PWA & Cache Inteligente

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.

PWA Service Worker Estratégias de Cache Serwist Instalável Disponível Offline

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

Área de demonstração

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

Próxima Demo

Autenticação

Demonstração interativa dos principais mecanismos de autenticação modernos: JWT com Refresh Token, OAuth2.0, autenticação de dois fatores (TOTP), login sem senha através de um Magic Link e biometria com WebAuthn/Passkeys.