#129: working en/es, need to translate the remaining components/pages

koinos · Nov 21, 2024 · c13937b · c13937b
1 parent 2135f1c
commit c13937b
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 19 deletions.
diff --git a/middleware.js b/middleware.js
diff --git a/next.config.js b/next.config.js
@@ -4,10 +4,10 @@ const withNextIntl = createNextIntlPlugin('./i18n/request.js');
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  // i18n: {
-  //   locales: ['en', 'es'],
-  //   defaultLocale: 'en',
-  // },
+  i18n: {
+    locales: ['en', 'es'],
+    defaultLocale: 'en',
+  },
   reactStrictMode: false,
   output: 'standalone',
   async headers() {

diff --git a/pages/_app.js b/pages/_app.js
@@ -16,15 +16,16 @@ import "/public/css/responsive.css"
 
 function MyApp({ Component, pageProps }) {
   const router = useRouter();
+  const messages = pageProps.messages || {};
 
   useEffect(() => {
     initGTM();
   }, []);
 
   return (
     <NextIntlClientProvider
-      locale={router.locale}
-      messages={pageProps.messages}
+      locale={router.locale || 'en'}
+      messages={messages}
       timeZone="UTC"
     >
       <Component {...pageProps} />

diff --git a/pages/index.js b/pages/index.js
@@ -62,7 +62,7 @@ export default function IndexPage() {
   );
 }
 
-export async function getStaticProps({ params: { locale } }) {
+export async function getStaticProps({ locale }) {
   return {
     props: {
       messages: (await import(`../messages/${locale}.json`)).default