Utopix

Le projet

Architecture

• Next.js 16 avec l'App Router (Turbopack en développement) et TypeScript de bout en bout.
• L'internationalisation avec next-intl : routage par préfixe /fr et /en, messages d'interface dans des fichiers de traduction, et contenus éditoriaux stockés en base dans les deux langues.
• Prisma 7 avec MySQL, via l'adapter MariaDB. Le modèle sépare les pages (identifiées par un slug qui pilote aussi le menu) de leurs traductions et de leurs images.
• Un rendu côté serveur : chaque page est servie avec son contenu complet dans la bonne langue, ce qui est indispensable pour l'indexation d'un site vitrine.

Le back-office

• L'authentification se fait par cookie de session signé (JWT avec jose), sans dépendance à une solution d'auth externe.
• L'édition des sections permet de modifier titres et textes en français et en anglais.
• La gestion des diaporamas couvre l'upload, la suppression, le réordonnancement et un texte alternatif bilingue par image, ce qui sert à la fois l'accessibilité et le SEO.
• Un script de seed initialise la structure (les huit sections dans les deux langues) et crée le premier compte administrateur avec un mot de passe aléatoire, affiché une seule fois.

Choix et compromis

• Un back-office sur mesure plutôt qu'un CMS : une surface fonctionnelle réduite, aucune licence, aucun service tiers, et une interface que le client comprend sans formation. En contrepartie, chaque nouveau type de contenu se développe à la main.
• Les images stockées sur le disque local (public/uploads) plutôt que sur un stockage objet : c'est cohérent avec le volume et l'hébergement du projet. La migration vers S3 ou un équivalent reste simple si le besoin évolue.
• Le slug comme source unique de l'ordre et des libellés du menu, ce qui évite les incohérences entre la navigation et le contenu.