InfraDZ Software Marketing Site
Site vitrine trilingue d'InfraDZ Software, produit d'ERP et de caisse : pages par module et par secteur, tarifs, téléchargements et mentions légales en français, arabe et anglais, avec prise en charge RTL.
- Mon rôle
- Développeur Frontend
- Période
- avr. 2026 — mai 2026
- Statut
- Livré
Le site public est la vitrine d'InfraDZ, un produit ERP et point de vente : chaque module du produit et chaque secteur cible dispose de sa propre page, aux côtés des pages tarifs, téléchargements et mentions légales. L'ensemble est servi en français, en arabe et en anglais, la version arabe étant rendue intégralement de droite à gauche.
Le site est une application Next.js 16 stylée exclusivement avec Tailwind CSS. Il n'embarque volontairement ni shadcn ni Radix : la navigation, les cartes, les sections tarifaires et chaque autre élément d'interface sont des composants écrits à la main. Cela réduit la surface de dépendances et garde le balisage de chaque élément sous contrôle direct — une exigence concrète lorsque les mêmes composants doivent s'afficher correctement en LTR comme en RTL.
Le problème à résoudre
Un site vitrine pour un produit ERP et point de vente a beaucoup à expliquer — modules, secteurs, tarifs, téléchargements, mentions légales — et celui-ci devait le faire trois fois, en français, en arabe et en anglais. L'arabe élève l'exigence : il ne s'agit pas d'une simple passe de traduction mais d'un rendu complet de droite à gauche de chaque mise en page, menu et section. Les bibliothèques de composants prêtes à l'emploi comme shadcn/Radix imposent leurs propres hypothèses de balisage et de style — précisément le contrôle auquel on renonce quand un design doit se refléter correctement ; la question d'ingénierie était donc de livrer un site trilingue soigné sans s'appuyer sur elles.
Comment cela a été construit
La réponse a été de garder une pile réduite et de posséder chaque composant. Le site repose sur Next.js 16 avec Tailwind CSS comme unique couche de style ; ni shadcn ni Radix — chaque élément de navigation, carte et section est écrit à la main, de sorte que son comportement dans les deux sens d'écriture est explicite plutôt qu'hérité d'une bibliothèque.
Le contenu est organisé comme le produit se vend : une page par module ERP, une page par secteur cible, plus les tarifs, les téléchargements et les pages légales, le tout disponible dans les trois langues, les versions arabes étant mises en page de droite à gauche de bout en bout.
Ce que ça fait
Site trilingue
Chaque page est disponible en français, en arabe et en anglais — l'intégralité du site, pas un sous-ensemble traduit.
RTL arabe complet
La version arabe est rendue de droite à gauche sur tout le site : mises en page, navigation et sections se reflètent réellement au lieu de se contenter d'échanger les textes.
Composants faits main
Ni shadcn ni Radix : tous les composants d'interface sont écrits de zéro avec Tailwind, gardant balisage et comportement sous contrôle direct dans les deux sens d'écriture.
Pages par module
Chaque module du produit ERP et point de vente dispose d'une page marketing dédiée expliquant ce qu'il apporte.
Pages sectorielles
Des pages dédiées présentent le produit sous l'angle de chaque secteur cible.
Tarifs, téléchargements, légal
La surface commerciale et réglementaire — tarifs, téléchargement du logiciel, pages légales — est construite dans les trois langues.
Construit avec
Frontend
Le routage par fichiers de Next.js 16 épouse directement la structure du site — pages modules, secteurs, tarifs et légales organisées par langue — et son rendu côté serveur convient à un site vitrine centré sur le contenu.
TypeScript maintient la cohérence d'un site entretenu en trois langues parallèles : props et structures de contenu typées font remonter les écarts entre locales à la compilation plutôt qu'en production.
shadcn et Radix étant volontairement exclus, Tailwind constitue tout le système de style : les classes utilitaires gardent les composants faits main cohérents et rendent gérable le miroir RTL de la version arabe.