Error generating static pages - DYNAMIC_SERVER_USAGE

[GasparAdragna]

Hi!
I currently have:

export function generateStaticParams() {
  return locales.map((locale) => ({ locale }));
}

and

unstable_setRequestLocale(locale);

on my [locale]/layout.tsx file.

But when i try to build im getting the following error on most of my pages:

description: "Route /en/account couldn't be rendered statically because it used headers. See more info here: https://nextjs.org/docs/messages/dynamic-server-error", digest: 'DYNAMIC_SERVER_USAGE'

I'm NOT using unstable_setRequestLocale on the pages that it's giving error since this comment #663 (comment) said i do not need it in "use client" pages.
Also these pages have the information of the user and should be dynamic.

My questions are: Should i ignore this errors and move on (the build seems to run correctly although the errors on the console)? Am i doing the right approach here? Should i remove the generateStaticParams and go full dynamic?

Thanks!

PS: i use this approach for the titles of the pages: i create a layout.tsx on each page. Is this the correct approach as well?

import { getTranslations } from "next-intl/server";

import Page from "./page";

export const generateMetadata = async ({
  params: { locale },
}: {
  params: { locale: "en" | "es" };
}) => {
  const t = await getTranslations({ locale, namespace: "pages" });

  return {
    title: t("account.myBankAccounts.title"),
  };
};

export default Page;

[amannn]

It might be because Next.js doesn't allow dynamic routes within layouts that use generateStaticParams: vercel/next.js#44712. I haven't personally experimented with that though, also not sure if something has changed on the Next.js side since that issue was created.

Options to solve this:

1. Don't use static generation (i.e. remove generateStaticParams)
2. Make sure all pages can be statically generated
3. Move generateStaticParams from the layout to relevant pages

[e-roy]

I didn't realize that generateStaticParams could be used on the page level. I didn't notice it in the docs, maybe I missed it, but if it's not there this would be great to add. Gives much better control for which pages should be static :)

[amannn]

That's a good point, thanks for mentioning this! Added this in 12fd5c5.

[el-j]

hi @amannn i came here and i see what you suggest but i do not understand how to solve it. i am in need for "output: 'export'"
i have read this section and the mentioned links: next-intl-docs

"next": "v15.0.0-canary.6",
"next-intl": "^3.14.1",

how do i have to configure it to work with the mentioned getRequestConfig function?

i tried to move the mentioned generateStaticParms from layout to page but i still have this error, with the main config.
is there any way i can achieve static rendering (output: export) again? was working with these versions:

"next": "13.5.4",
"next-intl": "^3.0.0-beta.19"

[amannn]

Have you seen this? https://next-intl-docs.vercel.app/docs/getting-started/app-router/with-i18n-routing#static-rendering

[zhiga90]

Have you seen this? https://next-intl-docs.vercel.app/docs/getting-started/app-router/with-i18n-routing#static-rendering

@amannn
Sorry, my english is bad, use a translator.

I took a new clean project starting with npx create-next-app@latest and did everything according to your instructions from the link above, but still got a bunch of errors for npm run build like Usage of next-intl APIs in Server Components currently opts into dynamic rendering. or Route /ru couldn't be rendered statically because it used headers. .

can be viewed here:
https://github.com/zhiga90/next-intl-test

Please show me where I am wrong.

[portmaler]

I had the same issue and I solved it by adding unstable_setRequestLocale(locale); thi si my code:

import { notFound } from 'next/navigation';
import { getRequestConfig, unstable_setRequestLocale } from 'next-intl/server';

const locales = ['en', 'fr', 'ar'];

export default getRequestConfig(async ({ locale }) => {
  // Validate locale for static rendering using unstable_setRequestLocale
  if (!locales.includes(locale as any)) notFound();

  // Use the unstable_setRequestLocale to enable static generation
  unstable_setRequestLocale(locale); // Set the locale for static generation

  return {
    messages: (await import(`../messages/${locale}.json`)).default
  };
});