- Organizar 48 imágenes en public/assets/infografias/ por bloques - Adaptar MarkdownViewer para procesar rutas de imágenes automáticamente - Actualizar Service Worker para cachear imágenes (offline-first) - Configurar Vite para incluir imágenes en build - Crear documentación: guías de integración, sugerencias de medios, estado de imágenes - Scripts de organización automática de imágenes Cambios técnicos: - MarkdownViewer normaliza rutas de imágenes (relativas → absolutas) - Service Worker cachea /assets/infografias/ automáticamente - Vite config actualizado para mantener estructura de carpetas - 48 imágenes organizadas: bloque-0 (9), bloque-2 (27), bloque-3 (9), bloque-7 (1), bloque-12 (2) Documentación: - GUIA_INTEGRAR_IMAGENES_PWA.md - GUIA_RUTAS_IMAGENES_MARKDOWN.md - SUGERENCIAS_MEDIOS_VISUALES.md - IMAGENES_NECESARIAS.md - ESTADO_FINAL_IMAGENES_PWA.md - RESUMEN_ORGANIZACION_IMAGENES.md
3.1 KiB
3.1 KiB
✅ Checklist Pre-Deploy
Usa este checklist antes de cada deploy para asegurar que todo funciona correctamente.
🔨 Build
npm ciejecutado sin erroresnpm run buildcompletado exitosamente- Directorio
dist/creado y contiene archivos - No hay errores en consola durante build
- Tamaño de
dist/es razonable (<50MB típicamente)
📁 Archivos Críticos
dist/index.htmlexistedist/manifest.jsonexistedist/sw.jsexiste (si usas service worker)- Assets (JS, CSS) están en
dist/assets/ - Archivos
.mddel manual están endist/manual/(si aplica)
🌐 Nginx
- Configuración creada en
/etc/nginx/sites-available/ - Symlink creado en
/etc/nginx/sites-enabled/ sudo nginx -tpasa sin errores- Permisos correctos en directorio
dist/ - Nginx reiniciado:
sudo systemctl reload nginx
🔒 SSL (si aplica)
- Certificado SSL válido
- Redirección HTTP → HTTPS configurada
- Certbot renovación automática configurada
🧪 Pruebas Funcionales
Desktop
- Página principal carga correctamente
- Navegación entre páginas funciona
- Calculadoras funcionan
- Búsqueda funciona
- Footer visible (desktop)
- Enlace de donaciones funciona
Móvil
- Responsive funciona
- BottomNav visible y funcional
- Touch funciona correctamente
- PWA instalable
- Offline funciona (service worker)
Rutas SPA
/herramientascarga/farmacoscarga/manualcarga- Rutas anidadas funcionan (ej:
/manual/parte/bloque/capitulo) - 404 redirige a página principal
🔍 Verificación Técnica
- Service Worker registrado (DevTools > Application)
- Cache funciona (offline mode)
- Console sin errores críticos
- Network tab: recursos cargan correctamente
- Lighthouse score >90 (Performance, PWA)
📊 Performance
- First Contentful Paint < 2s
- Time to Interactive < 3s
- Assets comprimidos (gzip)
- Imágenes optimizadas
🔐 Seguridad
- Headers de seguridad configurados (si aplica)
- HTTPS funcionando (si aplica)
- No hay información sensible en código cliente
- Service Worker no cachea datos sensibles
📱 PWA
- Manifest válido
- Iconos presentes y correctos
- Instalable en Android
- Instalable en iOS
- Splash screen funciona
🎯 Funcionalidad Específica
- Calculadoras: Glasgow, Parkland, Pediátricas, etc.
- Protocolos: RCP, Ictus, Shock
- Fármacos: búsqueda y visualización
- Manual: navegación y visualización
📝 Post-Deploy
- Monitorear logs:
sudo tail -f /var/log/nginx/error.log - Verificar métricas (si tienes analytics)
- Probar en diferentes dispositivos
- Documentar cualquier problema encontrado
🚨 Rollback Plan
Si algo falla:
- Restaurar
dist/desde backup - O hacer
git checkout <commit-anterior>+ rebuild - Verificar logs de Nginx
- Revisar cambios recientes
Fecha de verificación: _______________
Verificado por: _______________
Notas: _______________