Break into middleware

src/app/[locale]/about.tsx

@@ -0,0 +1,8 @@
+import type { NextPage } from 'next'
+import { AboutPage } from '../../features/about/delivery/about.page'
+
+const Index: NextPage = () => {
+  return <AboutPage />
+}
+
+export default Index

src/app/components/posts.tsx

@@ -1,7 +1,8 @@
 import Link from 'next/link'
 import { getBlogPosts } from '../utils'
+import type { FC } from 'react'
 
-export function BlogPosts() {
+export const BlogPosts: FC = () => {
   let allBlogs = getBlogPosts()
 
   return (

src/app/links.tsx

@@ -1,16 +1,8 @@
-import type { GetStaticProps, NextPage } from 'next'
+import type { NextPage } from 'next'
 import { LinksPage } from '../features/links/delivery/links.page'
 
 const Index: NextPage = () => {
   return <LinksPage />
 }
 
-export const getStaticProps: GetStaticProps = async ({ locale }) => {
-  return {
-    props: {
-      messages: (await import(`../core/i18n/${locale}.json`)).default,
-    },
-  }
-}
-
 export default Index

src/app/page.tsx

@@ -1,6 +1,7 @@
-import { HomePage } from '../features/home/ui/home.page'
 import { BlogPosts } from './components/posts'
+import { useTranslations } from 'next-intl'
 
 export default function Home() {
-  return <BlogPosts />
+  const t = useTranslations()
+  return <h1>{t('common.coverage')}</h1>
 }

src/core/i18n/i18n.ts

@@ -9,6 +9,6 @@ export default getRequestConfig(async ({ locale }) => {
   if (!locales.includes(locale as any)) notFound()
 
   return {
-    messages: (await import(`../translations/${locale}.json`)).default,
+    messages: (await import(`./translations/${locale}.json`)).default,
   }
 })

src/app/middleware/middleware.ts → src/i18n.middleware.ts

@@ -1,14 +1,10 @@
 import createMiddleware from 'next-intl/middleware'
 
-export default createMiddleware({
-  // A list of all locales that are supported
+export const i18nMiddleware = createMiddleware({
   locales: ['en', 'de'],
-
-  // Used when no locale matches
   defaultLocale: 'en',
 })
 
 export const config = {
-  // Match only internationalized pathnames
   matcher: ['/', '/(en|es)/:path*'],
 }

src/middleware.ts

@@ -0,0 +1 @@
+export { i18nMiddleware as default, config } from './i18n.middleware'