Web Bajo el Capó y el Sistema de Newsletter: DevBlog #2

En este nuevo devblog, la atención se centra en un pilar esencial del proyecto: la presencia web del juego Luni.

Para garantizar una experiencia estable, ágil y fiel a la visión artística planteada, se optó por una arquitectura directa, limpia y realizada a medida: un sitio web público rápido para la comunidad y un panel de administración dedicado, capaz de gestionar la estructura y los contenidos en seis idiomas de manera completamente homogénea.

El objetivo: un sistema ordenado y ágil que resalte el apartado artístico y la atmósfera visual del juego, ofreciendo un control editorial total sin funciones innecesarias ni dependencias externas superfluas.

Un breve apunte sobre los idiomas:
Hablo 3 de ellos (en los que también podemos comunicarnos directamente dentro de la comunidad), pero para el resto decidí traducir con la ayuda de la IA. Es un caso de uso excelente, permitiendo abrir el universo visual y narrativo a más regiones.

Bajo el capó: Arquitectura web en este DevBlog #2

El proyecto se organiza en dos aplicaciones independientes, cada una optimizada para su función específica dentro del ecosistema:

1. Sitio Web Público y DevBlog

• Next.js 16: Compilado como exportación estática completa (SSG). Esto implica que las páginas existen previamente como archivos HTML y recursos preparados, eliminando los tiempos de procesamiento en el servidor en cada visita. La carga se realiza de manera prácticamente instantánea al acceder a cada artículo.

• Tailwind CSS v4 & TypeScript: Aporta un estilo visual limpio, moderno y estructurado, permitiendo integrar animaciones sutiles y detalles gráficos elegantes, junto a una estricta seguridad de tipos en todo el código base.

• Internacionalización en 6 idiomas: Los contenidos se entregan de forma nativa para cada uno de los idiomas admitidos, manteniendo una estructura de página idéntica y adaptando fielmente los textos correspondientes.

• Infraestructura AWS & CloudFront: Los archivos estáticos se distribuyen a nivel global mediante CloudFront CDN, garantizando una excelente velocidad de carga y una latencia mínima independientemente de la ubicación geográfica del visitante.

2. Panel de Administración (BackOffice)

• Vue 3: Una aplicación SPA (Single Page Application) moderna, reactiva y cómoda, orientada a una gestión editorial ágil y agradable en el día a día.

• Editor visual modular por bloques: Desarrollado específicamente para responder a las necesidades reales del blog. Desacopla la estructura visual (filas, imágenes, bloques) del texto traducido, lo que permite redactar simultáneamente en los seis idiomas sin riesgo de desajustar el diseño, incluyendo validación SEO integrada en tiempo real.

• Backend en .NET 10 & PostgreSQL: ASP.NET Core estructurado bajo los principios de Clean Architecture, garantizando un desacoplamiento claro de la lógica de negocio, validaciones fiables y la persistencia segura de datos en un motor relacional de alto rendimiento.

• Alojamiento y DevOps (AWS, Docker & CI/CD): Ejecución en contenedores en AWS con infraestructura declarada mediante código con Terraform y canalizaciones de despliegue automatizado.

En preparación: El Sistema de Newsletter

El trabajo actual se concentra en el próximo hito fundamental: un módulo de newsletter desarrollado internamente e integrado directamente en la plataforma.

¿Por qué una solución propia en lugar de una plataforma externa?
Se optó por centralizar los envíos en la infraestructura existente del proyecto por razones prácticas evidentes: control total sobre la entrega de mensajes, ausencia de scripts externos de rastreo, cero dependencias añadidas y la simple preferencia de redactar algo de código específico en vez de depender de servicios de terceros complejos o costosos. Un módulo interno aporta con exactitud las funciones necesarias, en un formato ligero, fiable y sostenible a largo plazo.

Cómo funciona el sistema para los suscriptores:

• Confirmación en dos pasos (Double Opt-In): Ninguna dirección queda registrada sin consentimiento explícito. La suscripción sólo adquiere validez al pulsar en el enlace de confirmación remitido automáticamente por correo.

• Sin mensajes no deseados: Las notificaciones se envían exclusivamente cuando se publica un nuevo artículo, manteniendo a los lectores informados sobre los hitos de desarrollo del juego, sin anuncios ni comunicaciones comerciales superfluas.

• Baja con un solo clic: Cada correo incluye una opción directa y visible para cancelar la suscripción de inmediato, respetando con rigor la privacidad y las preferencias de cada usuario.

Próximos pasos

Una vez concluida esta fase de infraestructura web, la atención vuelve a dirigirse por completo a la producción central del juego. Los avances técnicos recientes han consolidado un canal de comunicación robusto, lo que permite volcar todo el tiempo disponible en el diseño de mecánicas de juego, acertijos, escenarios y secuencias narrativas.

Las próximas actualizaciones pondrán en valor también los canales de la comunidad (tales como Discord y las redes sociales), brindando un entorno idóneo para conversar sobre el avance del título.

¡Muy pronto habrá nuevas novedades!