Meertalige webapplicaties bouwen: van i18n-architectuur tot vertaalworkflow

Nederlandse bedrijven die internationaal opereren of een divers klantenbestand bedienen, hebben behoefte aan applicaties die meerdere talen ondersteunen. Meertaligheid is echter meer dan simpelweg teksten vertalen. Het omvat locale-specifieke datumformaten, getalsnotaties, valutasymbolen, tekstrichting voor RTL-talen en cultureel passende afbeeldingen. Wanneer internationalisatie als afterthought wordt behandeld, leidt dit tot hardgecodeerde strings die overal in de codebase zitten, inconsistente vertalingen en een chaotisch vertaalproces. Een doordachte i18n-architectuur vanaf dag een maakt het verschil tussen een applicatie die schaalbaar nieuwe markten kan betreden en een die bij elke taaltoevoeging weken refactoring vereist.

Hoe werkt het?

De i18n-implementatie gebruikt next-international als framework, met taalbestanden in TypeScript voor typeveilige vertalingen. Elke vertaalsleutel is sterk getypeerd, waardoor ontbrekende vertalingen als TypeScript-fouten worden gedetecteerd bij compilatie in plaats van in productie. De applicatie detecteert automatisch de voorkeurstaal via de Accept-Language header en de browser-instelling, met een taalschakelaar als override. URL-routing is locale-aware: de standaardtaal (NL) heeft geen prefix, terwijl andere talen een prefix krijgen (bijv. /en/dashboard). Server-side rendering stuurt de juiste taal mee op basis van de route, zodat zoekmachines elke taalversie correct indexeren met hreflang-tags. Vertaalbestanden worden modulair opgesplitst per feature-area om de initiële bundel klein te houden; alleen vertalingen voor de actieve pagina worden geladen. Voor dynamische content (bijv. CMS-teksten of productbeschrijvingen) ondersteunen we zowel een vertaallaag in de database als integratie met een Translation Management System (TMS) als Crowdin of Lokalise. Pluralisatie, interpolatie en datumformattering worden afgehandeld via ICU MessageFormat.

Mogelijkheden

Integratiemogelijkheden

Implementatiestappen

1. 1

   i18n-architectuur opzetten

   Configuratie van next-international met locale-routing, standaardtaal en vertaalbestandstructuur.

2. 2

   Vertaalsleutels extraheren

   Alle hardgecodeerde teksten vervangen door typeveilige vertaalsleutels, georganiseerd per feature.

3. 3

   Datum- en getalsformattering

   Implementatie van locale-aware formatters voor datums, getallen, valuta en pluralisatie via ICU.

4. 4

   SEO-optimalisatie

   Hreflang-tags, locale-specifieke sitemaps en Open Graph-tags per taalversie.

5. 5

   TMS-koppeling

   Integratie met Crowdin of Lokalise voor professionele vertaalworkflows en over-the-air updates.

Gebruikerservaring

De taalschakelaar is altijd bereikbaar in de header en onthoudt de voorkeur voor volgende bezoeken. Bij taalwisseling worden alle teksten direct bijgewerkt zonder paginaverversing. De applicatie houdt rekening met leesrichting voor RTL-talen en past layouts automatisch aan.

Technische stack

Onderhoud

Lopend onderhoud omvat het toevoegen van vertaalsleutels bij nieuwe features, het coördineren van vertaalcycli en het bijwerken van locale-data bij wijzigingen. Geschatte kosten: €200-500 per maand, afhankelijk van wijzigingsfrequentie.