PWAAo vivo

PWA Install & Cache Engine

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 em vez de confiar apenas em navigator.onLine.

PWA Service Worker Cache Strategies Serwist installable offline-first

Tecnologias

Web App Manifest
Service Worker
Serwist (sobre Workbox)

Arquitetura

Offline-first
Service Worker como proxy de rede
Cache via Serwist

Conceitos

Progressive enhancement
offline-first
network proxy pattern
cache strategy por tipo de asset

Área de demonstração

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

Visualizar código fonte no GitHub

Próxima Demo

Autenticação

Demonstração interativa dos principais mecanismos de autenticação modernos: JWT, Refresh Token, OAuth, autenticação de dois fatores com TOTP, login sem senha por Magic Link e biometria com WebAuthn/Passkeys.