feat: enhance static generate

Author: weijunext

app/[locale]/blog/page.tsx

@@ -1,5 +1,5 @@
 import { BlogCard } from "@/app/[locale]/blog/BlogCard";
-import { Locale } from "@/i18n/routing";
+import { Locale, LOCALES } from "@/i18n/routing";
 import { getPosts } from "@/lib/getBlogs";
 import { constructMetadata } from "@/lib/metadata";
 import { Metadata } from "next";
@@ -45,3 +45,7 @@ export default async function Page({ params }: { params: Params }) {
  </div>
  );
 }
+
+export async function generateStaticParams() {
+ return LOCALES.map((locale) => ({ locale }));
+}

app/[locale]/layout.tsx

@@ -14,8 +14,12 @@ import "@/styles/globals.css";
 import "@/styles/loading.css";
 import { Analytics } from "@vercel/analytics/react";
 import { Metadata, Viewport } from "next";
-import { NextIntlClientProvider } from "next-intl";
-import { getMessages, getTranslations } from "next-intl/server";
+import { hasLocale, NextIntlClientProvider } from "next-intl";
+import {
+ getMessages,
+ getTranslations,
+ setRequestLocale,
+} from "next-intl/server";
 import { ThemeProvider } from "next-themes";
 import { notFound } from "next/navigation";
 
@@ -53,10 +57,12 @@ export default async function LocaleLayout({
  const { locale } = await params;
 
  // Ensure that the incoming `locale` is valid
- if (!routing.locales.includes(locale as any)) {
+ if (!hasLocale(routing.locales, locale)) {
  notFound();
  }
 
+ setRequestLocale(locale);
+
  // Providing all messages to the client
  // side is the easiest way to get started
  const messages = await getMessages();