Luni
Devlog

Web Sous le Capot et Système de Newsletter : DevBlog #2

Un aperçu des coulisses techniques de Luni, de l'infrastructure web moderne et du futur système de newsletter intégré.

Par Andrei Alexandru4 min de lecture
Web Sous le Capot et Système de Newsletter : DevBlog #2

Dans ce nouveau devblog, l'attention se porte sur un élément fondamental du projet : la présence web du jeu Luni.

Afin de garantir une expérience stable, fluide et fidèle à la vision artistique, le choix s'est porté sur une conception simple, soignée et sur mesure : un site public rapide pour la communauté et un panneau d'administration dédié, capable de gérer la structure et le contenu en six langues de manière totalement cohérente.

L'objectif : un système réactif et bien structuré, mettant en valeur les illustrations et l'atmosphère visuelle du jeu tout en conservant un contrôle éditorial total sans fonctionnalités superflues ni dépendances externes inutiles.

Une courte parenthèse sur les langues :
J'en parle 3 (dans lesquelles nous pouvons aussi communiquer directement au sein de la communauté), mais pour les autres, j'ai décidé de traduire avec l'aide de l'IA. C'est un excellent cas d'usage, permettant d'ouvrir l'univers visuel et narratif à davantage de régions.

Sous le capot : L'architecture web dans ce DevBlog #2

Le projet est articulé autour de deux applications indépendantes, chacune optimisée pour sa mission spécifique dans l'écosystème :

1. Le Site Public et le DevBlog

  • Next.js 16 : Compilé en export entièrement statique (SSG). Les pages existent sous forme de fichiers HTML pré-générés et d'éléments prêts à l'emploi, éliminant tout délai de calcul côté serveur. Le chargement est ainsi quasi instantané lors de l'ouverture de chaque article.

  • Tailwind CSS v4 & TypeScript : Apporte un style moderne, épuré et structuré, facilitant l'intégration d'animations douces et de détails graphiques fins, tout en garantissant un typage strict et sécurisé dans l'ensemble du code source.

  • Internationalisation en 6 langues : Distribution native pour chacune des langues prises en charge, conservant une architecture de page identique tout en adaptant fidèlement les textes régionaux.

  • Infrastructure AWS & CloudFront : Les fichiers statiques sont distribués mondialement via le CDN CloudFront, assurant une vitesse de chargement remarquable et une latence minimale quel que soit le pays du visiteur.

2. Le Panneau d'Administration (BackOffice)

  • Vue 3 : Une application SPA (Single Page Application) moderne, réactive et ergonomique, pensée pour une gestion éditoriale agréable et rapide au quotidien.

  • Éditeur modulaire par blocs : Développé sur mesure pour répondre aux spécificités du blog. Il dissocie nettement la structure visuelle (lignes, images, blocs) des textes traduits, permettant d'écrire simultanément dans les six langues sans risque de déformer la mise en page, avec validation SEO en temps réel.

  • Backend en .NET 10 & PostgreSQL : ASP.NET Core structuré selon les principes de la Clean Architecture, garantissant un découplage rigoureux de la logique métier, des validations solides et la persistance sécurisée des données dans une base relationnelle performante.

  • Hébergement & Automatisation (AWS, Docker & CI/CD) : Exécution sous conteneurs sur AWS avec une infrastructure déclarée en code via Terraform et des pipelines d'intégration et de déploiement continus.

En cours de préparation : Le Système de Newsletter

Le travail actuel se concentre sur la prochaine étape déterminante : un module de newsletter développé en interne et intégré nativement à la plateforme.

Pourquoi une solution interne plutôt qu'un service tiers ?
Le choix s'est porté sur une centralisation sur l'infrastructure existante du projet pour des raisons éminemment pratiques : contrôle total sur l'acheminement des courriels, absence d'outils tiers de traçage, aucune dépendance superflue et la simple préférence d'écrire un peu de code dédié plutôt que de dépendre de services externes complexes ou coûteux. Une solution sur mesure fournit exactement les fonctions nécessaires, dans un format léger, robuste et pérenne.

Fonctionnement pour les abonnés :

  • Double confirmation (Double Opt-In) : Aucune adresse n'est enregistrée sans accord explicite. L'inscription n'est effective qu'après avoir cliqué sur le lien de confirmation envoyé automatiquement par courriel.

  • Aucun message indésirable : Les alertes sont transmises uniquement lors de la parution d'un nouvel article, permettant de suivre les progrès du développement sans publicité ni messages superflus.

  • Désinscription en un clic : Chaque courriel comporte un lien clair et direct permettant de se désabonner immédiatement, dans le respect absolu de la vie privée.

La suite du voyage

Cette étape d'infrastructure web étant désormais achevée, l'attention se tourne de nouveau entièrement vers la production du jeu. Ces fondations techniques assurent un canal d'échange fiable, permettant de consacrer tout le temps disponible à la conception des mécaniques de jeu, des énigmes, des décors et des séquences narratives.

Les prochaines actualisations mettront également en avant les canaux communautaires (tels que Discord et les réseaux sociaux), créant un point de rencontre pour partager l'avancement du projet.

De nouvelles annonces arriveront très bientôt !