Hyframe — web del servidor

Empecé montando servidores y comunidades online con 12 años. Hyframe es la versión adulta de eso: la web de un servidor de Hytale, con la infraestructura de cuentas y comunidad que hace falta detrás.

Autenticación con Discord

La comunidad ya vive en Discord, así que crear un sistema de cuentas propio habría sido pedirle a la gente que se registrara dos veces. El login va por OAuth2 con Discord a través de NextAuth, con sesiones persistentes y cierre de sesión desde la barra de navegación.

Es la decisión que más fricción quita: el usuario entra con la cuenta que ya tiene abierta, y yo no almaceno ni una contraseña.

Multiidioma sin recargar

Español e inglés, con rutas localizadas /es y /en y las traducciones centralizadas en un diccionario. El cambio de idioma es dinámico, sin recarga de página. Para un servidor que aspira a comunidad internacional, el idioma no puede ser una barrera de entrada.

Interfaz

Diseño glassmorphism con temática rojiza. Barra de navegación fija con indicador de página activa, desplegable de comunidad, selector de idioma y estado de sesión. El hero lleva la IP del servidor copiable con un clic y un contador de jugadores conectados — dos cosas que un jugador busca en los primeros tres segundos.

Detalles que suelen quedarse fuera

• Aviso de cookies conforme al RGPD, guardado en localStorage, con opciones reales de aceptar y rechazar, y traducido según el idioma activo.
• PWA, para que se pueda instalar en el móvil.
• Componentes accesibles con Radix UI y shadcn/ui como base, en lugar de reinventar menús y modales con problemas de foco y teclado.