(01) El encargo
Servinel presta servicios a los sectores industrial, energético, hidráulico y sanitario. Tenía una presentación en PowerPoint y necesitaba una web seria para licitaciones, que su propio equipo pudiera mantener.
(02) Qué hace
- Páginas de servicios, proyectos ejecutados, quiénes somos y contacto.
- Galería de proyectos con fichas por obra.
- Editor web: el equipo cambia cualquier texto o foto y ve el resultado antes de publicar.
(03) Cómo se construyó
- Exportación estática de Next.js servida desde la red global de Cloudflare: la web pública no depende de ningún servidor encendido.
- Contenido en una base de datos como documento JSON con esquema tipado: la web mezcla lo editado sobre los valores por defecto, así nunca queda una sección vacía.
- Vista previa en vivo mediante un canal entre la pestaña del editor y la de la web.
- Imágenes en Storage con transformación a WebP.
(04) Seguridad
- Editor con login único y reglas de acceso por fila en la base de datos: la clave pública solo puede leer.
- Ruta del editor excluida de buscadores.
- CSP estricta y HSTS en Cloudflare.
(05) Velocidad y Google
Sitio estático: tiempo de respuesta de milisegundos desde cualquier país. Datos estructurados de organización.
(06) Qué no hace, a propósito
- No incluye intranet ni gestión de licitaciones.