Autenticação
Esta feature demonstra os cinco padrões relevantes de autenticação presentes na maioria das aplicações modernas. JWT com access token de curta duração e refresh token em HttpOnly cookie com rotação automática; OAuth 2.0 via NextAuth com providers Google; TOTP com QR Code escaneável e backup codes; Magic Link sem senha por email; e WebAuthn/Passkeys para login biométrico via FIDO2. Cada subtela é interativa — o usuário vê o token sendo gerado, o QR Code real, o link sendo enviado e a própria biometria do dispositivo sendo usada para autenticar.
Tecnologias
- NextAuth.js
- JWT
- OTPLIB
- WebAuthn API
- Next.js API Routes
- TypeScript
Arquitetura
- Next.js API
- Access Token de curta duração
- Refresh Token em HttpOnly cookie
- OAuth Authorization Code Flow
- TOTP
- WebAuthn/FIDO2 com chaves assimétricas
Conceitos
- Access Token + Refresh Token
- Token Rotation
- OAuth 2.0
- TOTP
- Magic Link
- WebAuthn/Passkeys (FIDO2)
- HttpOnly cookies
- LocalStorage
- Proteção CSRF
Área de demonstração
A demonstração é 100% funcional — teste agora.
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.
3D & Animações Avançadas
Demonstração interativa de renderização 3D em tempo real: uma cena orbitável com materiais PBR, um sistema solar completo com câmera que persegue o planeta focado, uma galáxia de 8.000 partículas com shader GLSL escrito do zero, e uma jornada guiada por scroll pela própria stack técnica do autor.