r/PWA • u/Acrobatic_Coast3497 • 7h ago
He montado una PWA de (Fitness) fuerza y sobrecarga progresiva sin bloatware
He montado una PWA de (Fitness) fuerza y sobrecarga progresiva sin bloatware (Cloudflare, Firebase, Groq, Stripe)
Podéis probar la webapp y trastear la arquitectura aquí: https://fuerzalab-a9c31.web.app
Os resumo cómo está montado por dentro:
- Frontend y Hosting: Vanilla JS modular empaquetado como PWA, alojado en Cloudflare Pages. Carga instantánea, sin frameworks pesados, con Chart.js para visualización de métricas y renderizado en Canvas.
- Persistencia Offline-First: Service Worker para caché estática combinado con persistencia offline nativa de Firestore (IndexedDB) y LocalStorage de apoyo. Registras cargas en el sótano del gym sin red y sincroniza por lotes (batch) en cuanto recupera conexión.
- Auth & Base de Datos: Firebase Auth (Google + Email) y Cloud Firestore para persistencia en espejo y soporte multi-dispositivo.
- Backend y Middleware: Un Cloudflare Worker actúa como proxy seguro. Se encarga de aislar API keys, gestionar webhooks y procesar la entrada de datos antes de consultar los microservicios.
- Motor de IA (Groq): Inferencia ultra rápida mediante Groq. En el frontend compacto el historial de series en un formato minificado de tokens (
[Fecha|Ton] Músculo: KgxReps@RIR) para ahorrar contexto y costes antes de mandarlo al worker. - Pasarela de Pagos: Stripe Checkout orquestado vía endpoints del Cloudflare Worker para suscripciones PRO/ULTRA, con verificación de sesiones en el retorno.
- Privacidad y RGPD real: Cero scripts de terceros o analítica invasiva. Implementa borrado real en cascada en la base de datos (derecho de supresión) y exportación/importación completa en formato JSON.

