Architecture

Structure de projet optimale pour une migration i18n réussie.

Structure de projet recommandée

Pour une migration i18n réussie avec next-intl

src/
├── app/
│   └── [locale]/
│       ├── page.tsx              ✅ Excellent support
│       ├── layout.tsx            ✅ Excellent support
│       └── components/
│           ├── Hero.tsx          ✅ Excellent support
│           ├── Features.tsx      ✅ Excellent support
│           └── Pricing.tsx       ✅ Excellent support
├── components/
│   ├── AdminDashboard.tsx        ✅ Excellent support
│   ├── UserDashboard/            ✅ Excellent support
│   ├── Navbar.tsx                ✅ Bon support
│   └── Footer.tsx                ✅ Bon support
├── constants/
│   └── transactions.ts           ✅ Excellent support
└── types/
    └── index.ts                  ⚠️ Support partiel

Bonnes pratiques

1. Regrouper par fonctionnalité

Organise tes composants par feature plutôt que par type. Cela facilite la maintenance et la traduction.

2. Centraliser les constantes

Place toutes les données statiques dans un dossier /constants pour une traduction facilitée.

3. Utiliser des namespaces

Sépare tes traductions par namespace (Common, Data, Button, etc.) pour une meilleure organisation.

4. Router-based routing

Utilise le routing par locale de Next.js ([locale]) pour une i18n native.

Configuration