Este documento contiene el mapa técnico, la arquitectura del ecosistema digital de Artrocenter y el protocolo de seguridad y respaldos. La plataforma está construida con arquitectura desacoplada Serverless + Edge CDN, garantizando disponibilidad global de alto rendimiento sin costos de servidor.
| Capa | Tecnología | Rol |
|---|---|---|
| Frontend | React + Vite | SPA (Single Page App) con enrutamiento client-side |
| Estilos | Tailwind CSS v4.0 | Diseño responsivo y sistema de tokens visuales |
| Hosting | Vercel Edge CDN | Distribución global, HTTPS automático, 0 downtime |
| Backend CMS | Google Apps Script | API privada para blog académico bilingüe |
| Imágenes | Google Drive | CDN de imágenes del blog (costo $0) |
| Dominio | Pendiente selección | A configurar tras elección de extensión |
La aplicación usa react-router-dom para gestionar rutas en el cliente. Para evitar errores 404 al recargar páginas internas, el archivo vercel.json redirige todas las peticiones al punto de entrada:
| Ruta | Página | Estado |
|---|---|---|
/ | Sitio Web Clínico Principal | ✅ Activo |
/vcard | Tarjeta Digital (VCard) | ✅ Activo |
/blog | Artículos Científicos Públicos | ✅ Activo |
/blog-admin | Consola CMS (Acceso Restringido) | ✅ Activo |
El sistema implementa un Domain Lock de dos niveles para prevenir clonación o acceso no autorizado:
main.jsx valida que la petición provenga de los dominios autorizados. Si se detecta un dominio diferente, se muestra una pantalla de error personalizada y el contenido no se renderiza./blog-admin requiere autenticación por PIN SHA-256. Las credenciales se entregan por canal separado al responsable autorizado.Compilación Local: Ejecutar npm run build para confirmar que no hay errores y generar el paquete optimizado para producción.
Publicación en Vercel: Ejecutar vercel --prod --yes desde la terminal. El CDN distribuye el código actualizado globalmente en menos de 30 segundos.
Verificación: Confirmar que la URL de producción muestra la versión actualizada correctamente en escritorio y móvil.
La cotización de dominio y gestión de activación está documentada en el documento "Cotización de Dominio Web" dentro de esta misma bóveda. Una vez que el Dr. Rosas seleccione la extensión preferida, TrezeLabs procederá con: