Replies: 2 comments
-
|
@JoyCood please follow issue template with actual behaviour and expected behaviour function m() {
return {
title: t`home`,
description: t`home desc`
}
}
export const metadata: Metadata = m();From what i see, you assigning result of Instead, you should use dynamic metadata with import {setupI18n, I18n} from "@lingui/core"
async function getI18n(local: string): I18n {
// assume you already implemented a way to load your message catalog
const messages = await loadMessages();
return setupI18n({locale, messages})
}
export function generateMetadata(
{ params, searchParams }: Props,
parent?: ResolvingMetadata
): Metadata {
// You could not use global i18n / t in server context as your server could process multiple requestsat the same time and you will receive wrong / not actual results. So create i18n instance for each request.
const i18n = getI18n(params['lang']);
return {
title: t(i18n)`home`,
description: t(i18n)`home desc`
}
} |
Beta Was this translation helpful? Give feedback.
0 replies
-
|
we have get the local on pathName only? no other way like Redux? will you please provide an example how to achieve international example with Redux, i can't find any tips or code in websise or google. thank you! |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
app/layout.tsx
package.json
{ "name": "t", "version": "0.1.0", "private": true, "engines": { "node": "16.19.1", "npm": "please-use-yarn" }, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint", "extract": "lingui extract --clean", "compile": "lingui compile --strict" }, "dependencies": { "@lingui/react": "^4.2.0", "@prisma/client": "^4.14.1", "@radix-ui/colors": "^0.1.8", "@radix-ui/react-avatar": "^1.0.2", "@radix-ui/react-dialog": "^1.0.4", "@radix-ui/react-dropdown-menu": "^2.0.4", "@radix-ui/react-icons": "^1.3.0", "@radix-ui/react-navigation-menu": "^1.1.2", "@radix-ui/react-scroll-area": "^1.0.3", "@radix-ui/react-toast": "^1.1.3", "@reduxjs/toolkit": "^1.9.5", "@t3-oss/env-nextjs": "^0.3.1", "@types/node": "20.1.2", "@types/react": "18.2.6", "@types/react-dom": "18.2.4", "apexcharts": "^3.40.0", "bignumber.js": "^9.1.1", "classnames": "^2.3.2", "clsx": "^1.2.1", "eslint": "8.40.0", "eslint-config-next": "13.4.1", "lucide-react": "^0.216.0", "make-plural": "^7.3.0", "next": "^13.4.3", "next-redux-wrapper": "^8.1.0", "next-themes": "^0.2.1", "react": "^18.2.0", "react-dom": "^18.2.0", "react-redux": "^8.0.5", "redux-persist": "^6.0.0", "redux-saga": "^1.2.3", "tailwind-merge": "^1.12.0", "tailwindcss-animate": "^1.0.5", "ts-node": "^10.9.1", "typescript": "5.0.4", "viem": "^0.3.37", "wagmi": "^1.0.7", "zod": "^3.21.4" }, "devDependencies": { "@babel/core": "^7.22.1", "@lingui/cli": "^4.2.0", "@lingui/macro": "^4.2.0", "@tailwindcss/typography": "^0.5.9", "autoprefixer": "^10.4.14", "babel-plugin-macros": "^3.1.0", "postcss": "^8.4.23", "prisma": "^4.14.0", "tailwindcss": "^3.3.2" } }Beta Was this translation helpful? Give feedback.
All reactions