diff --git a/package.json b/package.json
index 1a7b817ef..a1266c3ca 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "generate-messages": "extract-messages -l=en,es -o src/translations -d en --flat true **/messages.js"
+    "generate-messages": "extract-messages -l=en,es,zh,ja -o src/translations -d en --flat true **/messages.js"
   },
   "eslintConfig": {
     "extends": [
diff --git a/src/IntlProvider.tsx b/src/IntlProvider.tsx
index c370d4c60..8f71bdd18 100644
--- a/src/IntlProvider.tsx
+++ b/src/IntlProvider.tsx
@@ -2,6 +2,8 @@ import { type ReactNode } from 'react'
 import { IntlProvider as ReactIntlProvider } from 'react-intl'
 import enMessages from 'translations/en.json'
 import esMessages from 'translations/es.json'
+import zhMessages from 'translations/zh.json'
+import jaMessages from 'translations/ja.json'
 
 const DEFAULT_LOCALE = 'en-US'
 
@@ -13,6 +15,10 @@ const getMessages = (locale: string) => {
             return enMessages
         case 'es':
             return esMessages
+        case 'zh':
+            return zhMessages
+        case 'ja':
+            return jaMessages
         default:
             return enMessages
     }
diff --git a/src/translations/ja.json b/src/translations/ja.json
new file mode 100644
index 000000000..407d76990
--- /dev/null
+++ b/src/translations/ja.json
@@ -0,0 +1,3 @@
+{
+  "Pages.Login": ""
+}
diff --git a/src/translations/zh.json b/src/translations/zh.json
new file mode 100644
index 000000000..407d76990
--- /dev/null
+++ b/src/translations/zh.json
@@ -0,0 +1,3 @@
+{
+  "Pages.Login": ""
+}