Skip to content

Add Bilingual Support (Bahasa Indonesia & English) with Flag Switcher and URL Prefixes #14

@mfarim

Description

@mfarim

Feature: Bilingual Support for LampungDevTech Website

This issue aims to implement a bilingual feature to support both Bahasa Indonesia (default) and English throughout the LampungDevTech platform.


Goals

  • Default language: Bahasa Indonesia with URL prefix /id
  • English language with URL prefix /en
  • Language switcher component with flag icons:
    • 🇮🇩 Indonesian flag (default)
    • 🇺🇸 US flag for English
  • Persist selected language during navigation

Implementation Notes

  • Integrate i18n support in the Next.js app (can use next-i18next)
  • Add basic translation files in /locales/id and /locales/en
  • Use dynamic routing or middleware if needed to redirect / to /id
  • Ensure SEO-friendly canonical URLs for each language
  • Maintain accessibility for the language switcher (e.g., aria-label, keyboard navigation)

Tasks

  • Setup i18n config and default locale /id
  • Create /id and /en routes using Next.js i18n
  • Add language toggle component using country flags
  • Add base translation JSON files for both locales
  • Update UI text to use translation function (e.g. t('home.title'))
  • Test switching language keeps the current page
  • Ensure navigation, SEO, and content loading works correctly

Related

This will help the website be more inclusive and accessible to international visitors or potential partners.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    Status

    Todo

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions