Caso de estudio · Sitio de presentación
Leverage Nifty
Independencia, documentada.
Un sitio bilingüe para una consultoría de ingeniería independiente en Ciudad de México: ingeniería contractual, supervisión de obra y mantenimiento electromecánico para propietarios de infraestructura. Construido para sostener un argumento sobre la independencia, y con la ingeniería necesaria para que el texto, la seguridad y el flujo de contacto resistan el escrutinio.
Visitar el sitioIngeniería
- Next.js App Router · React 19
- CSS Modules · sin estilos en línea
- Nonce de CSP por petición · strict-dynamic
- Diccionario ES/EN validado por el compilador
- Endpoint de contacto validado en el servidor
- Trampa antispam y límite de peticiones por IP
El problema
Una consultoría independiente vende criterio, no equipo, y todo su valor descansa en no tener un segundo beneficiario. Eso es difícil de afirmar en un sitio web sin sonar como cualquier proveedor que también lo afirma. El sitio tenía que demostrar esa posición de forma estructural, no proclamarla en un titular.
Qué hace
Presenta dos divisiones bajo un mismo estándar: consultoría y supervisión para quien decide la inversión —alcances técnicos, auditoría de contratos, supervisión independiente en sitio— y mantenimiento y refacciones para quien opera el activo, con elevadores, escaleras eléctricas y sistemas electromecánicos. Los casos se presentan de forma anonimizada cuando la confidencialidad lo exige, y el formulario de contacto llega a un endpoint real.
Español primero, inglés a la par
El negocio opera en español, así que el español es la fuente autorizada y el inglés es una traducción completa, no un respaldo. El árbol en inglés se valida contra el español: una clave omitida o mal escrita rompe la compilación. La deriva entre idiomas es un problema de mantenimiento en la mayoría de los sitios bilingües; aquí el compilador la detecta antes que un visitante.
Cerrado por defecto
Se genera un nonce de Content-Security-Policy por petición y los scripts se ejecutan bajo strict-dynamic, de modo que un script inyectado no tiene con qué ejecutarse. Los estilos en línea están prohibidos por completo: cada regla vive en una hoja de estilos. HSTS, bloqueo de incrustación, protección contra inferencia de tipos MIME, política de referente estricta y cabeceras de aislamiento entre orígenes se definen en el marco de trabajo, no como añadido.
Un formulario que dice la verdad
Cada campo se vuelve a validar en el servidor y el JSON no confiable se convierte de tipo antes de darse por bueno, así que una carga de confusión de tipos no puede colar un booleano en una casilla de consentimiento. Un campo trampa absorbe los bots y los envíos tienen límite por IP. Si el endpoint de entrega no está disponible, el formulario lo dice y ofrece el teléfono: nunca muestra un mensaje de éxito por un mensaje que no llegó a ninguna parte.
Estado
Construcción terminada y verificada contra una compilación de producción. El sitio está en línea en leveragenifty.com.