(01) El encargo
La residencia recibe estudiantes y trabajadores extranjeros por meses. Su sitio anterior era de 2011: no era responsive, el inglés era traducción automática y las consultas habían caído de cientos al año a casi cero.
(02) Qué hace
- Recorrido de la casa en fotos verticales (las que se sacan con el teléfono) mostradas en su proporción real, sin recortes forzados.
- Habitaciones con precio, qué incluye y disponibilidad actualizada por el dueño.
- Versión en inglés redactada de nuevo, no traducida por máquina, para el visitante extranjero.
- Contacto por WhatsApp y formulario, con la ubicación a pasos del Metro.
(03) Cómo se construyó
- Rescate íntegro de los textos del sitio antiguo y de un historial de reservas de 15 años para no perder posicionamiento ni URLs.
- Next.js con App Router y rutas paralelas por idioma; hreflang recíproco para que Google muestre a cada visitante su versión.
- Panel en subdominio separado: la cookie de sesión no viaja en cada visita a la web pública.
- Animaciones con Motion solo donde aportan (entrada de fotos), respetando la preferencia de movimiento reducido del sistema.
(04) Seguridad
- Contraseña del panel guardada como hash scrypt generado en el computador del dueño; el servidor nunca ve la clave.
- Panel bloqueado para buscadores y sin enlaces desde la web pública.
- Cabeceras CSP y HSTS; sin dependencias de terceros en la web pública.
(05) Velocidad y Google
Fotos convertidas a WebP con tamaños por pantalla. Datos estructurados de alojamiento con dirección y precio.
(06) Qué no hace, a propósito
- No es un motor de reservas: la reserva se cierra por WhatsApp o correo.
- No procesa pagos online.
