WIP

amannn · Nov 2, 2022 · ccb9c8a · ccb9c8a
1 parent bb3acc6
commit ccb9c8a
Show file tree

Hide file tree

Showing 7 changed files with 77 additions and 45 deletions.
diff --git a/packages/example/.gitignore b/packages/example/.gitignore
@@ -2,3 +2,4 @@
 /.next/
 .DS_Store
 tsconfig.tsbuildinfo
+.vscode
diff --git a/packages/example/next.config.js b/packages/example/next.config.js
@@ -1,7 +1,3 @@
 module.exports = {
-  i18n: {
-    locales: ['en', 'de'],
-    defaultLocale: 'en'
-  },
   experimental: {appDir: true}
 };
diff --git a/packages/example/src/app/[locale]/page.tsx b/packages/example/src/app/[locale]/page.tsx
@@ -0,0 +1,42 @@
+export function generateStaticParams() {
+  return ['de', 'en'].map((locale) => ({locale}));
+}
+
+type Props = {
+  params: {
+    locale: string;
+  };
+};
+
+export default function Index({params: {locale}}: Props) {
+  // TODO: Validate locale or redirect to default locale
+
+  return <p>Hello {locale}</p>;
+}
+
+// import {useTranslations} from 'next-intl';
+// import LocaleSwitcher from 'components/LocaleSwitcher';
+// import PageLayout from 'components/PageLayout';
+
+// import {useContext} from 'react';
+// import ServerOnlyContext from './ServerOnlyContext';
+
+// export default function Index() {
+//   // TODO: Use middleware to redirect to a specific locale
+
+//   const serverOnly = useContext(ServerOnlyContext);
+//   // const t = useTranslations('Index');
+
+//   console.log('Index');
+
+//   // return <p>{t('title')}</p>;
+
+//   return <p>Hello {serverOnly.only.for.server + 10}</p>;
+
+//   // return (
+//   //   <PageLayout title={t('title')}>
+//   //     <p>{t('description')}</p>
+//   //     <LocaleSwitcher />
+//   //   </PageLayout>
+//   // );
+// }
diff --git a/packages/example/src/app/layout.tsx b/packages/example/src/app/layout.tsx
@@ -1,5 +1,3 @@
-import acceptLanguageParser from 'accept-language-parser';
-import {headers} from 'next/headers';
 import {ReactNode} from 'react';
 // import Provider from './Provider';
 import ServerOnlyContext from './ServerOnlyContext';
@@ -8,22 +6,11 @@ type Props = {
   children: ReactNode;
 };
 
-function resolveLocale(requestHeaders: Headers) {
-  const supportedLanguages = ['en', 'de'];
-  const defaultLangauge = supportedLanguages[0];
-  const locale =
-    acceptLanguageParser.pick(
-      supportedLanguages,
-      requestHeaders.get('accept-language') || defaultLangauge
-    ) || defaultLangauge;
+export default function RootLayout({children, ...rest}: Props) {
+  console.log(rest);
 
-  return locale;
-}
-
-export default function RootLayout({children}: Props) {
-  const locale = resolveLocale(headers());
-
-  console.log(ServerOnlyContext);
+  // How to get this from the URL?
+  const locale = 'en';
 
   return (
     <html lang={locale}>

diff --git a/packages/example/src/app/page.tsx b/packages/example/src/app/page.tsx
diff --git a/packages/example/src/i18n.tsx b/packages/example/src/i18n.tsx
@@ -0,0 +1,4 @@
+export default {
+  locales: ['en', 'de'],
+  defaultLocale: 'en'
+};
diff --git a/packages/example/src/middleware.ts b/packages/example/src/middleware.ts
@@ -0,0 +1,26 @@
+import acceptLanguageParser from 'accept-language-parser';
+import {headers} from 'next/headers';
+import {NextResponse} from 'next/server';
+import type {NextRequest} from 'next/server';
+import i18n from './i18n';
+
+// Somehow not invoked?
+
+function resolveLocale(requestHeaders: Headers) {
+  const locale =
+    acceptLanguageParser.pick(
+      i18n.locales,
+      requestHeaders.get('accept-language') || i18n.defaultLocale
+    ) || i18n.defaultLocale;
+
+  return locale;
+}
+
+export function middleware(request: NextRequest) {
+  const locale = resolveLocale(headers());
+  return NextResponse.redirect(new URL('/' + locale, request.url));
+}
+
+export const config = {
+  matcher: '/test'
+};
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,3 +2,4 @@ @@
     /.next/
     .DS_Store
     tsconfig.tsbuildinfo
+    .vscode