fix: add fallback handling for missing locale files in templates app

Author: GuiBibeau

apps/templates/src/app/[locale]/layout.tsx

@@ -13,14 +13,31 @@ export default async function LocaleLayout({ children, params }: Props) {
   const direction = getLangDir(locale);
 
   // Load messages from main web app (shared translations)
-  const webMessages = (
-    await import(`../../../../../apps/web/public/locales/${locale}/common.json`)
-  ).default;
+  let webMessages;
+  try {
+    webMessages = (
+      await import(
+        `../../../../../apps/web/public/locales/${locale}/common.json`
+      )
+    ).default;
+  } catch (error) {
+    // Fallback to English if locale doesn't exist
+    webMessages = (
+      await import(`../../../../../apps/web/public/locales/en/common.json`)
+    ).default;
+  }
 
   // Load templates-specific messages
-  const templatesMessages = (
-    await import(`../../../public/locales/${locale}/common.json`)
-  ).default;
+  let templatesMessages;
+  try {
+    templatesMessages = (
+      await import(`../../../public/locales/${locale}/common.json`)
+    ).default;
+  } catch (error) {
+    // Fallback to English if locale doesn't exist
+    templatesMessages = (await import(`../../../public/locales/en/common.json`))
+      .default;
+  }
 
   // Merge translations, with templates-specific taking precedence
   const messages = { ...webMessages, ...templatesMessages };

apps/templates/src/i18n/request.ts

@@ -12,8 +12,17 @@ export default getRequestConfig(async ({ requestLocale }) => {
     requested && locales.includes(requested)
       ? requested
       : routing.defaultLocale;
-  const messages = (await import(`../../public/locales/${locale}/common.json`))
-    .default;
+
+  // Try to load the requested locale, fall back to English if it doesn't exist
+  // Currently, only English translations are available for the templates site
+  let messages;
+  try {
+    messages = (await import(`../../public/locales/${locale}/common.json`))
+      .default;
+  } catch (error) {
+    // Locale file doesn't exist, use English as fallback
+    messages = enMessages;
+  }
 
   return {
     locale,