npm - @intlayer/docs - Versions diffs - 7.0.3 → 7.0.4 - Mend

@intlayer/docs 7.0.3 → 7.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (159) hide show

package/blog/ar/intlayer_with_i18next.md +68 -106
package/blog/ar/intlayer_with_next-i18next.md +84 -288
package/blog/ar/intlayer_with_next-intl.md +58 -337
package/blog/ar/intlayer_with_react-i18next.md +68 -290
package/blog/ar/intlayer_with_react-intl.md +63 -266
package/blog/de/intlayer_with_i18next.md +77 -97
package/blog/de/intlayer_with_next-i18next.md +69 -296
package/blog/de/intlayer_with_next-intl.md +59 -340
package/blog/de/intlayer_with_react-i18next.md +68 -290
package/blog/de/intlayer_with_react-intl.md +62 -264
package/blog/en/intlayer_with_i18next.md +67 -103
package/blog/en/intlayer_with_next-i18next.md +69 -294
package/blog/en/intlayer_with_next-intl.md +48 -300
package/blog/en/intlayer_with_react-i18next.md +61 -289
package/blog/en/intlayer_with_react-intl.md +61 -284
package/blog/en/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
package/blog/en-GB/intlayer_with_i18next.md +67 -103
package/blog/en-GB/intlayer_with_next-i18next.md +71 -292
package/blog/en-GB/intlayer_with_next-intl.md +58 -337
package/blog/en-GB/intlayer_with_react-i18next.md +67 -289
package/blog/en-GB/intlayer_with_react-intl.md +61 -264
package/blog/es/intlayer_with_i18next.md +67 -103
package/blog/es/intlayer_with_next-i18next.md +71 -296
package/blog/es/intlayer_with_next-intl.md +57 -338
package/blog/es/intlayer_with_react-i18next.md +68 -290
package/blog/es/intlayer_with_react-intl.md +62 -265
package/blog/fr/intlayer_with_i18next.md +66 -104
package/blog/fr/intlayer_with_next-i18next.md +82 -285
package/blog/fr/intlayer_with_next-intl.md +57 -338
package/blog/fr/intlayer_with_react-i18next.md +67 -289
package/blog/fr/intlayer_with_react-intl.md +61 -264
package/blog/hi/intlayer_with_i18next.md +68 -104
package/blog/hi/intlayer_with_next-i18next.md +74 -299
package/blog/hi/intlayer_with_next-intl.md +57 -239
package/blog/hi/intlayer_with_react-i18next.md +69 -291
package/blog/hi/intlayer_with_react-intl.md +65 -268
package/blog/id/intlayer_with_i18next.md +126 -0
package/blog/id/intlayer_with_next-i18next.md +142 -0
package/blog/id/intlayer_with_next-intl.md +113 -0
package/blog/id/intlayer_with_react-i18next.md +124 -0
package/blog/id/intlayer_with_react-intl.md +122 -0
package/blog/it/intlayer_with_i18next.md +67 -103
package/blog/it/intlayer_with_next-i18next.md +71 -296
package/blog/it/intlayer_with_next-intl.md +57 -338
package/blog/it/intlayer_with_react-i18next.md +68 -290
package/blog/it/intlayer_with_react-intl.md +62 -265
package/blog/ja/intlayer_with_i18next.md +68 -103
package/blog/ja/intlayer_with_next-i18next.md +85 -283
package/blog/ja/intlayer_with_next-intl.md +58 -336
package/blog/ja/intlayer_with_react-i18next.md +68 -290
package/blog/ja/intlayer_with_react-intl.md +62 -264
package/blog/ko/intlayer_with_i18next.md +80 -96
package/blog/ko/intlayer_with_next-i18next.md +85 -287
package/blog/ko/intlayer_with_next-intl.md +68 -327
package/blog/ko/intlayer_with_react-i18next.md +68 -290
package/blog/ko/intlayer_with_react-intl.md +64 -266
package/blog/pl/intlayer_with_i18next.md +126 -0
package/blog/pl/intlayer_with_next-i18next.md +142 -0
package/blog/pl/intlayer_with_next-intl.md +111 -0
package/blog/pl/intlayer_with_react-i18next.md +124 -0
package/blog/pl/intlayer_with_react-intl.md +122 -0
package/blog/pt/intlayer_with_i18next.md +67 -103
package/blog/pt/intlayer_with_next-i18next.md +72 -293
package/blog/pt/intlayer_with_next-intl.md +57 -256
package/blog/pt/intlayer_with_react-i18next.md +104 -78
package/blog/pt/intlayer_with_react-intl.md +62 -266
package/blog/ru/intlayer_with_i18next.md +66 -104
package/blog/ru/intlayer_with_next-i18next.md +71 -296
package/blog/ru/intlayer_with_next-intl.md +58 -337
package/blog/ru/intlayer_with_react-i18next.md +68 -290
package/blog/ru/intlayer_with_react-intl.md +62 -265
package/blog/tr/intlayer_with_i18next.md +71 -107
package/blog/tr/intlayer_with_next-i18next.md +72 -297
package/blog/tr/intlayer_with_next-intl.md +58 -339
package/blog/tr/intlayer_with_react-i18next.md +69 -291
package/blog/tr/intlayer_with_react-intl.md +63 -285
package/blog/vi/intlayer_with_i18next.md +126 -0
package/blog/vi/intlayer_with_next-i18next.md +142 -0
package/blog/vi/intlayer_with_next-intl.md +111 -0
package/blog/vi/intlayer_with_react-i18next.md +124 -0
package/blog/vi/intlayer_with_react-intl.md +122 -0
package/blog/zh/intlayer_with_i18next.md +67 -102
package/blog/zh/intlayer_with_next-i18next.md +72 -296
package/blog/zh/intlayer_with_next-intl.md +58 -336
package/blog/zh/intlayer_with_react-i18next.md +68 -290
package/blog/zh/intlayer_with_react-intl.md +63 -106
package/dist/cjs/generated/blog.entry.cjs +13 -1
package/dist/cjs/generated/blog.entry.cjs.map +1 -1
package/dist/cjs/generated/docs.entry.cjs +13 -1
package/dist/cjs/generated/docs.entry.cjs.map +1 -1
package/dist/cjs/generated/frequentQuestions.entry.cjs +13 -1
package/dist/cjs/generated/frequentQuestions.entry.cjs.map +1 -1
package/dist/cjs/generated/legal.entry.cjs +13 -1
package/dist/cjs/generated/legal.entry.cjs.map +1 -1
package/dist/esm/generated/blog.entry.mjs +13 -2
package/dist/esm/generated/blog.entry.mjs.map +1 -1
package/dist/esm/generated/docs.entry.mjs +13 -2
package/dist/esm/generated/docs.entry.mjs.map +1 -1
package/dist/esm/generated/frequentQuestions.entry.mjs +13 -2
package/dist/esm/generated/frequentQuestions.entry.mjs.map +1 -1
package/dist/esm/generated/legal.entry.mjs +13 -2
package/dist/esm/generated/legal.entry.mjs.map +1 -1
package/dist/types/generated/blog.entry.d.ts.map +1 -1
package/dist/types/generated/docs.entry.d.ts.map +1 -1
package/dist/types/generated/frequentQuestions.entry.d.ts.map +1 -1
package/dist/types/generated/legal.entry.d.ts.map +1 -1
package/docs/ar/plugins/sync-json.md +244 -0
package/docs/de/plugins/sync-json.md +244 -0
package/docs/de/releases/v7.md +1 -18
package/docs/en/CI_CD.md +1 -1
package/docs/en/configuration.md +1 -1
package/docs/en/formatters.md +1 -1
package/docs/en/how_works_intlayer.md +1 -1
package/docs/en/intlayer_CMS.md +1 -1
package/docs/en/intlayer_cli.md +26 -1
package/docs/en/intlayer_with_nextjs_14.md +3 -1
package/docs/en/intlayer_with_nextjs_15.md +3 -1
package/docs/en/intlayer_with_nextjs_16.md +3 -1
package/docs/en/intlayer_with_nextjs_page_router.md +1 -1
package/docs/en/intlayer_with_nuxt.md +1 -1
package/docs/en/intlayer_with_react_native+expo.md +1 -1
package/docs/en/intlayer_with_react_router_v7.md +1 -1
package/docs/en/intlayer_with_tanstack.md +1 -1
package/docs/en/intlayer_with_vite+preact.md +1 -1
package/docs/en/intlayer_with_vite+react.md +1 -1
package/docs/en/intlayer_with_vite+solid.md +1 -1
package/docs/en/intlayer_with_vite+svelte.md +1 -1
package/docs/en/intlayer_with_vite+vue.md +1 -1
package/docs/en/plugins/sync-json.md +1 -1
package/docs/en/roadmap.md +1 -1
package/docs/en-GB/plugins/sync-json.md +244 -0
package/docs/es/plugins/sync-json.md +244 -0
package/docs/es/releases/v7.md +1 -18
package/docs/fr/intlayer_with_nextjs_16.md +2 -51
package/docs/fr/plugins/sync-json.md +244 -0
package/docs/fr/releases/v7.md +1 -18
package/docs/hi/intlayer_with_nextjs_16.md +3 -2
package/docs/hi/plugins/sync-json.md +244 -0
package/docs/id/plugins/sync-json.md +244 -0
package/docs/id/releases/v7.md +1 -18
package/docs/it/plugins/sync-json.md +244 -0
package/docs/it/releases/v7.md +1 -18
package/docs/ja/intlayer_with_nextjs_16.md +44 -205
package/docs/ja/plugins/sync-json.md +244 -0
package/docs/ja/releases/v7.md +1 -18
package/docs/ko/plugins/sync-json.md +244 -0
package/docs/ko/releases/v7.md +1 -18
package/docs/pl/plugins/sync-json.md +244 -0
package/docs/pt/intlayer_with_nextjs_16.md +1 -52
package/docs/pt/plugins/sync-json.md +244 -0
package/docs/ru/plugins/sync-json.md +244 -0
package/docs/tr/plugins/sync-json.md +245 -0
package/docs/vi/plugins/sync-json.md +244 -0
package/docs/zh/plugins/sync-json.md +244 -0
package/package.json +14 -14
package/src/generated/blog.entry.ts +26 -3
package/src/generated/docs.entry.ts +26 -3
package/src/generated/frequentQuestions.entry.ts +26 -3
package/src/generated/legal.entry.ts +26 -3

package/docs/ja/intlayer_with_nextjs_16.md CHANGED Viewed

@@ -205,7 +205,7 @@ const RootLayout: FC<PropsWithChildren> = ({ children }) => (
 export default RootLayout;
 ```
-```jsx {3} fileName="src/app/layout.mjx" codeFormat="esm"
+```jsx {3} fileName="src/app/layout.mjs" codeFormat="esm"
 import "./globals.css";
 const RootLayout = ({ children }) => (
@@ -216,7 +216,7 @@ const RootLayout = ({ children }) => (
 export default RootLayout;
 ```
-```jsx {1,8} fileName="src/app/layout.csx" codeFormat="commonjs"
+```jsx {1,8} fileName="src/app/layout.cjs" codeFormat="commonjs"
 require("./globals.css");
 const RootLayout = ({ children }) => (
@@ -226,26 +226,11 @@ const RootLayout = ({ children }) => (
 module.exports = {
   default: RootLayout,
-  generateStaticParams,
 };
 ```
 > `RootLayout` コンポーネントを空のままにしておくことで、`<html>` タグに [`lang`](https://developer.mozilla.org/fr/docs/Web/HTML/Global_attributes/lang) および [`dir`](https://developer.mozilla.org/fr/docs/Web/HTML/Global_attributes/dir) 属性を設定できます。
-動的ルーティングを実装するには、`[locale]` ディレクトリに新しいレイアウトを追加してロケールのパスを提供します。
-````tsx fileName="src/app/[locale]/layout.tsx" codeFormat="typescript"
-import type { NextLayoutIntlayer } from "next-intlayer";
-import { Inter } from "next/font/google";
-import { getHTMLTextDir } from "intlayer";
-const inter = Inter({ subsets: ["latin"] });
-const LocaleLayout: NextLayoutIntlayer = async ({ children, params }) => {
-  const { locale } = await params;
-  return (
-> `RootLayout`コンポーネントを空のままにしておくことで、`<html>`タグに[`lang`](https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/lang)および[`dir`](https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/dir)属性を設定できます。
 動的ルーティングを実装するには、`[locale]`ディレクトリに新しいレイアウトを追加してロケールのパスを指定します：
 ```tsx fileName="src/app/[locale]/layout.tsx" codeFormat="typescript"
@@ -265,14 +250,15 @@ const LocaleLayout: NextLayoutIntlayer = async ({ children, params }) => {
 };
 export default LocaleLayout;
-````
+```
-```jsx fileName="src/app/[locale]/layout.mjx" codeFormat="esm"
+```jsx fileName="src/app/[locale]/layout.mjs" codeFormat="esm"
+import { Inter } from "next/font/google";
 import { getHTMLTextDir } from "intlayer";
 const inter = Inter({ subsets: ["latin"] });
-const LocaleLayout = async ({ children, params: { locale } }) => {
+const LocaleLayout = async ({ children, params }) => {
   const { locale } = await params;
   return (
     <html lang={locale} dir={getHTMLTextDir(locale)}>
@@ -284,13 +270,13 @@ const LocaleLayout = async ({ children, params: { locale } }) => {
 export default LocaleLayout;
 ```
-```jsx fileName="src/app/[locale]/layout.csx" codeFormat="commonjs"
+```jsx fileName="src/app/[locale]/layout.cjs" codeFormat="commonjs"
 const { Inter } = require("next/font/google");
 const { getHTMLTextDir } = require("intlayer");
 const inter = Inter({ subsets: ["latin"] });
-const LocaleLayout = async ({ children, params: { locale } }) => {
+const LocaleLayout = async ({ children, params }) => {
   const { locale } = await params;
   return (
     <html lang={locale} dir={getHTMLTextDir(locale)}>
@@ -304,35 +290,8 @@ module.exports = LocaleLayout;
 > `[locale]`パスセグメントはロケールを定義するために使用されます。例：`/en-US/about`は`en-US`を指し、`/fr/about`は`fr`を指します。
-const inter = Inter({ subsets: ["latin"] });
-const LocaleLayout = async ({ children, params: { locale } }) => {
-const { locale } = await params;
-return (
-<html lang={locale} dir={getHTMLTextDir(locale)}>
-<body className={inter.className}>{children}</body>
-</html>
-);
-};
-module.exports = LocaleLayout;
-````
 > `[locale]` パスセグメントはロケールを定義するために使用されます。例：`/en-US/about` は `en-US` を指し、`/fr/about` は `fr` を指します。
-> この段階で、`Error: Missing <html> and <body> tags in the root layout.` というエラーが発生します。これは、`/app/page.tsx` ファイルがもはや使用されておらず、削除可能であるため予期されるものです。代わりに、`[locale]` パスセグメントが `/app/[locale]/page.tsx` ページを有効にします。その結果、ブラウザ上で `/en`、`/fr`、`/es` のようなパスでページにアクセスできるようになります。デフォルトのロケールをルートページとして設定するには、ステップ7の `proxy` 設定を参照してください。
-次に、アプリケーションのレイアウトで `generateStaticParams` 関数を実装します。
-```tsx {1} fileName="src/app/[locale]/layout.tsx" codeFormat="typescript"
-export { generateStaticParams } from "next-intlayer"; // 挿入する行
-const LocaleLayout: NextLayoutIntlayer = async ({ children, params }) => {
-  /*... 残りのコード */
-};
 > この段階で、`Error: Missing <html> and <body> tags in the root layout.` というエラーが発生します。これは予期されたもので、`/app/page.tsx` ファイルはもはや使用されておらず、削除して問題ありません。代わりに、`[locale]` パスセグメントが `/app/[locale]/page.tsx` ページを有効にします。その結果、ブラウザでは `/en`、`/fr`、`/es` のようなパスでページにアクセスできるようになります。デフォルトのロケールをルートページとして設定するには、ステップ7の `proxy` 設定を参照してください。
 次に、アプリケーションのレイアウト内で `generateStaticParams` 関数を実装します。
@@ -345,22 +304,22 @@ const LocaleLayout: NextLayoutIntlayer = async ({ children, params }) => {
 };
 export default LocaleLayout;
-````
+```
-```jsx {1} fileName="src/app/[locale]/layout.mjx" codeFormat="esm"
+```jsx {1} fileName="src/app/[locale]/layout.mjs" codeFormat="esm"
 export { generateStaticParams } from "next-intlayer"; // 挿入する行
-const LocaleLayout = async ({ children, params: { locale } }) => {
+const LocaleLayout = async ({ children, params }) => {
   /*... 残りのコード */
 };
-// ... 残りのコード
+export default LocaleLayout;
 ```
-```jsx {1,7} fileName="src/app/[locale]/layout.csx" codeFormat="commonjs"
+```jsx {1,7} fileName="src/app/[locale]/layout.cjs" codeFormat="commonjs"
 const { generateStaticParams } = require("next-intlayer"); // 挿入する行
-const LocaleLayout = async ({ children, params: { locale } }) => {
+const LocaleLayout = async ({ children, params }) => {
   /*... 残りのコード */
 };
@@ -378,23 +337,6 @@ module.exports = { default: LocaleLayout, generateStaticParams };
 ```tsx fileName="src/app/[locale]/page.content.ts" contentDeclarationFormat="typescript"
 import { t, type Dictionary } from "intlayer";
-const pageContent = {
-  key: "page",
-  content: {
-    getStarted: {
-```
-> `generateStaticParams` は、すべてのロケールに必要なページを事前にビルドすることを保証し、実行時の計算を減らしてユーザー体験を向上させます。詳細については、[Next.js の generateStaticParams に関するドキュメント](https://nextjs.org/docs/app/building-your-application/rendering/static-and-dynamic-rendering#generate-static-params)を参照してください。
-> Intlayer は `export const dynamic = 'force-static';` と連携して、すべてのロケールのページが事前にビルドされるようにします。
-### ステップ5: コンテンツを宣言する
-翻訳を格納するためのコンテンツ宣言を作成および管理します：
-```tsx fileName="src/app/[locale]/page.content.ts" contentDeclarationFormat="typescript"
-import { t, type Dictionary } from "intlayer";
 const pageContent = {
   key: "page",
   content: {
@@ -470,25 +412,6 @@ module.exports = pageContent;
     "pageLink": "src/app/page.tsx"
   }
 }
-const { t } = require("intlayer");
-/** @type {import('intlayer').Dictionary} */
-const pageContent = {
-  key: "page",
-  content: {
-    getStarted: {
-      main: t({
-        en: "Get started by editing",
-        fr: "Commencez par éditer",
-        es: "Comience por editar",
-        ja: "編集を始めてください",
-      }),
-      pageLink: "src/app/page.tsx",
-    },
-  },
-};
-module.exports = pageContent;
 ```
 ```json fileName="src/app/[locale]/page.content.json" contentDeclarationFormat="json"
@@ -554,7 +477,7 @@ const Page: NextPageIntlayer = async ({ params }) => {
 export default Page;
 ```
-```jsx fileName="src/app/[locale]/page.mjx" codeFormat="esm"
+```jsx fileName="src/app/[locale]/page.mjs" codeFormat="esm"
 import { ClientComponentExample } from "@components/ClientComponentExample";
 import { ServerComponentExample } from "@components/ServerComponentExample";
 import { IntlayerClientProvider } from "next-intlayer";
@@ -589,11 +512,15 @@ const Page = async ({ params }) => {
 export default Page;
 ```
-```jsx fileName="src/app/[locale]/page.csx" codeFormat="commonjs"
-import { ClientComponentExample } from "@components/ClientComponentExample";
-import { ServerComponentExample } from "@components/ServerComponentExample";
-import { IntlayerClientProvider } from "next-intlayer";
-import { IntlayerServerProvider, useIntlayer } from "next-intlayer/server";
+```jsx fileName="src/app/[locale]/page.cjs" codeFormat="commonjs"
+const {
+  ClientComponentExample,
+} = require("@components/ClientComponentExample");
+const {
+  ServerComponentExample,
+} = require("@components/ServerComponentExample");
+const { IntlayerClientProvider } = require("next-intlayer");
+const { IntlayerServerProvider, useIntlayer } = require("next-intlayer/server");
 const PageContent = () => {
   const content = useIntlayer("page");
@@ -620,6 +547,8 @@ const Page = async ({ params }) => {
     </IntlayerServerProvider>
   );
 };
+module.exports = Page;
 ```
 - **`IntlayerClientProvider`** はクライアントサイドのコンポーネントにロケールを提供するために使用されます。レイアウトを含む任意の親コンポーネントに配置できます。ただし、Next.jsはページ間でレイアウトコードを共有するため、レイアウトに配置することが推奨されます。レイアウトで `IntlayerClientProvider` を使用することで、各ページごとに再初期化する必要がなくなり、パフォーマンスが向上し、アプリケーション全体で一貫したローカリゼーションコンテキストを維持できます。
@@ -627,21 +556,6 @@ const Page = async ({ params }) => {
   > レイアウトとページは共通のサーバーコンテキストを共有できません。なぜなら、サーバーコンテキストシステムはリクエストごとのデータストア（[Reactのcache](https://react.dev/reference/react/cache) メカニズム）に基づいており、アプリケーションの異なるセグメントごとに「コンテキスト」が再作成されるためです。プロバイダーを共有レイアウトに配置すると、この分離が破られ、サーバーコンポーネントに正しくサーバーコンテキストの値が伝播されなくなります。
-> レイアウトとページは共通のサーバーコンテキストを共有できません。なぜなら、サーバーコンテキストシステムはリクエストごとのデータストア（[Reactのキャッシュ](https://react.dev/reference/react/cache)メカニズム）に基づいているため、アプリケーションの異なるセグメントごとに各「コンテキスト」が再作成されるからです。プロバイダーを共有レイアウトに配置すると、この分離が破られ、サーバーコンポーネントへのサーバーコンテキスト値の正しい伝播が妨げられます。
-````tsx {4,7} fileName="src/components/ClientComponentExample.tsx" codeFormat="typescript"
-"use client";
-import type { FC } from "react";
-import { useIntlayer } from "next-intlayer";
-export const ClientComponentExample: FC = () => {
-  const content = useIntlayer("client-component-example"); // 関連するコンテンツ宣言を作成
-  return (
-    <div>
-> レイアウトとページは共通のサーバーコンテキストを共有できません。なぜなら、サーバーコンテキストシステムはリクエストごとのデータストア（[Reactのcache](https://react.dev/reference/react/cache)メカニズム）に基づいており、アプリケーションの異なるセグメントごとに各「コンテキスト」が再作成されるためです。プロバイダーを共有レイアウトに配置すると、この分離が破壊され、サーバーコンポーネントへのサーバーコンテキスト値の正しい伝播が妨げられます。
 ```tsx {4,7} fileName="src/components/ClientComponentExample.tsx" codeFormat="typescript"
 "use client";
@@ -658,9 +572,9 @@ export const ClientComponentExample: FC = () => {
     </div>
   );
 };
-````
+```
-```jsx {3,6} fileName="src/components/ClientComponentExample.mjx" codeFormat="esm"
+```jsx {3,6} fileName="src/components/ClientComponentExample.mjs" codeFormat="esm"
 "use client";
 import { useIntlayer } from "next-intlayer";
@@ -677,7 +591,7 @@ const ClientComponentExample = () => {
 };
 ```
-```jsx {3,6} fileName="src/components/ClientComponentExample.csx" codeFormat="commonjs"
+```jsx {3,6} fileName="src/components/ClientComponentExample.cjs" codeFormat="commonjs"
 "use client";
 const { useIntlayer } = require("next-intlayer");
@@ -692,6 +606,8 @@ const ClientComponentExample = () => {
     </div>
   );
 };
+module.exports = ClientComponentExample;
 ```
 ```tsx {2} fileName="src/components/ServerComponentExample.tsx"  codeFormat="typescript"
@@ -710,27 +626,12 @@ export const ServerComponentExample: FC = () => {
 };
 ```
-```jsx {1} fileName="src/components/ServerComponentExample.mjx" codeFormat="esm"
+```jsx {1} fileName="src/components/ServerComponentExample.mjs" codeFormat="esm"
 import { useIntlayer } from "next-intlayer/server";
 const ServerComponentExample = () => {
   const content = useIntlayer("server-component-example"); // 関連するコンテンツ宣言を作成
-  return (
-      <h2>{content.title}</h2>
-      <p>{content.content}</p>
-    </div>
-  );
-};
-```
-```tsx {2} fileName="src/components/ServerComponentExample.tsx"  codeFormat="typescript"
-import type { FC } from "react";
-import { useIntlayer } from "next-intlayer/server";
-export const ServerComponentExample: FC = () => {
-  const content = useIntlayer("server-component-example"); // 関連コンテンツ宣言を作成
   return (
     <div>
       <h2>{content.title}</h2>
@@ -738,24 +639,11 @@ export const ServerComponentExample: FC = () => {
     </div>
   );
 };
-```
-```jsx {1} fileName="src/components/ServerComponentExample.mjx" codeFormat="esm"
-import { useIntlayer } from "next-intlayer/server";
-const ServerComponentExample = () => {
-  const content = useIntlayer("server-component-example"); // 関連コンテンツ宣言を作成
-  return (
-    <div>
-      <h2>{content.title}</h2>
-      <p>{content.content}</p>
-    </div>
-  );
-};
+export default ServerComponentExample;
 ```
-```jsx {1} fileName="src/components/ServerComponentExample.csx" codeFormat="commonjs"
+```jsx {1} fileName="src/components/ServerComponentExample.cjs" codeFormat="commonjs"
 const { useIntlayer } = require("next-intlayer/server");
 const ServerComponentExample = () => {
@@ -768,6 +656,8 @@ const ServerComponentExample = () => {
     </div>
   );
 };
+module.exports = ServerComponentExample;
 ```
 > コンテンツを `alt`、`title`、`href`、`aria-label` などの `string` 属性で使用したい場合は、関数の値を呼び出す必要があります。例えば：
@@ -896,36 +786,6 @@ const metadataContent = {
   },
 };
-module.exports = metadataContent;
-      fr: "Généré par create next app",
-      es: "Generado por create next app",
-    }),
-  },
-};
-export default metadataContent;
-```
-```javascript fileName="src/app/[locale]/metadata.content.cjs" contentDeclarationFormat="commonjs"
-const { t } = require("intlayer");
-/** @type {import('intlayer').Dictionary<import('next').Metadata>} */
-const metadataContent = {
-  key: "page-metadata",
-  content: {
-    title: t({
-      en: "Create Next App",
-      fr: "Créer une application Next.js",
-      es: "Crear una aplicación Next.js",
-    }),
-    description: t({
-      en: "Generated by create next app",
-      fr: "Généré par create next app",
-      es: "Generado por create next app",
-    }),
-  },
-};
 module.exports = metadataContent;
 ```
@@ -1089,26 +949,6 @@ module.exports = { generateMetadata };
 代わりに、`getTranslation` 関数を使用してメタデータを宣言することもできます。ただし、メタデータの翻訳を自動化し、コンテンツを外部化するためには、コンテンツ宣言ファイルを使用することが推奨されます。
-````typescript fileName="src/app/[locale]/layout.tsx or src/app/[locale]/page.tsx" codeFormat="typescript"
-import {
-  type IConfigLocales,
-  getTranslation,
-  getMultilingualUrls,
-} from "intlayer";
-import type { Metadata } from "next";
-import type { LocalPromiseParams } from "next-intlayer";
-export const generateMetadata = async ({
-  params,
-}: LocalPromiseParams): Promise<Metadata> => {
-  const { locale } = await params;
-  const t = <T>(content: IConfigLocales<T>) => getTranslation(content, locale);
-  return {
-    title: t<string>({
-      en: "My title",
-代わりに、`getTranslation` 関数を使用してメタデータを宣言することもできます。ただし、メタデータの翻訳を自動化し、コンテンツを外部化するためには、コンテンツ宣言ファイルを使用することを推奨します。
 ```typescript fileName="src/app/[locale]/layout.tsx or src/app/[locale]/page.tsx" codeFormat="typescript"
 import {
   type IConfigLocales,
@@ -1139,7 +979,7 @@ export const generateMetadata = async ({
 };
 // ... 残りのコード
-````
+```
 ```javascript fileName="src/app/[locale]/layout.mjs or src/app/[locale]/page.mjs" codeFormat="esm"
 import { getTranslation, getMultilingualUrls } from "intlayer";
@@ -1226,7 +1066,7 @@ const sitemap = (): MetadataRoute.Sitemap => [
 export default sitemap;
 ```
-```jsx fileName="src/app/sitemap.mjx" codeFormat="esm"
+```jsx fileName="src/app/sitemap.mjs" codeFormat="esm"
 import { getMultilingualUrls } from "intlayer";
 const sitemap = () => [
@@ -1253,7 +1093,7 @@ const sitemap = () => [
 export default sitemap;
 ```
-```jsx fileName="src/app/sitemap.csx" codeFormat="commonjs"
+```jsx fileName="src/app/sitemap.cjs" codeFormat="commonjs"
 const { getMultilingualUrls } = require("intlayer");
 const sitemap = () => [
@@ -1301,7 +1141,7 @@ const robots = (): MetadataRoute.Robots => ({
 export default robots;
 ```
-```jsx fileName="src/app/robots.mjx" codeFormat="esm"
+```jsx fileName="src/app/robots.mjs" codeFormat="esm"
 import { getMultilingualUrls } from "intlayer";
 const getAllMultilingualUrls = (urls) =>
@@ -1320,7 +1160,7 @@ const robots = () => ({
 export default robots;
 ```
-```jsx fileName="src/app/robots.csx" codeFormat="commonjs"
+```jsx fileName="src/app/robots.cjs" codeFormat="commonjs"
 const { getMultilingualUrls } = require("intlayer");
 // すべての多言語URLを取得する関数
@@ -1399,7 +1239,7 @@ export const LocaleSwitcher: FC = () => {
 };
 ```
-```jsx fileName="src/components/LocaleSwitcher.msx" codeFormat="esm"
+```jsx fileName="src/components/LocaleSwitcher.mjs" codeFormat="esm"
 "use client";
 import {
@@ -1451,7 +1291,7 @@ export const LocaleSwitcher = () => {
 };
 ```
-```jsx fileName="src/components/LocaleSwitcher.csx" codeFormat="commonjs"
+```jsx fileName="src/components/LocaleSwitcher.cjs" codeFormat="commonjs"
 "use client";
 const {
@@ -1463,7 +1303,7 @@ const {
 const { useLocale } = require("next-intlayer");
 const Link = require("next/link");
-export const LocaleSwitcher = () => {
+const LocaleSwitcher = () => {
   const { locale, pathWithoutLocale, availableLocales, setLocale } =
     useLocale();
@@ -1661,7 +1501,6 @@ const Link = ({ href, children, ...props }) => {
 #### 動作の仕組み
-- **外部リンクの検出**:
 - **外部リンクの検出**:
   ヘルパー関数 `checkIsExternalLink` は、URLが外部リンクかどうかを判定します。外部リンクはローカライズの必要がないため、そのまま変更されません。