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
-
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