@intlayer/docs 5.5.8

package/zh/dictionary/translation.md

@@ -0,0 +1,287 @@
+# 翻译
+
+## 定义翻译
+
+`intlayer` 中的 `t` 函数允许您以多种语言声明内容。此函数确保类型安全，如果缺少任何翻译，它会引发错误，这在 TypeScript 环境中特别有用。
+
+### 使用 TypeScript
+
+以下是如何使用翻译声明内容的示例。
+
+```typescript fileName="**/*.content.ts" contentDeclarationFormat="typescript"
+import { t, type Dictionary } from "intlayer";
+
+interface Content {
+  welcomeMessage: string;
+}
+
+export default {
+  key: "multi_lang",
+  content: {
+    welcomeMessage: t({
+      en: "Welcome to our application",
+      fr: "Bienvenue dans notre application",
+      es: "Bienvenido a nuestra aplicación",
+    }),
+  },
+} satisfies Dictionary<Content>;
+```
+
+```javascript fileName="**/*.content.mjs" contentDeclarationFormat="esm"
+import { t } from "intlayer";
+
+export default {
+  key: "multi_lang",
+  content: {
+    welcomeMessage: t({
+      en: "Welcome to our application",
+      fr: "Bienvenue dans notre application",
+      es: "Bienvenido a nuestra aplicación",
+    }),
+  },
+};
+```
+
+```javascript fileName="**/*.content.cjs" contentDeclarationFormat="commonjs"
+const { t } = require("intlayer");
+
+module.exports = {
+  key: "multi_lang",
+  content: {
+    welcomeMessage: t({
+      en: "Welcome to our application",
+      fr: "Bienvenue dans notre application",
+      es: "Bienvenido a nuestra aplicación",
+    }),
+  },
+};
+```
+
+```json fileName="**/*.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "multi_lang",
+  "content": {
+    "welcomeMessage": {
+      "nodeType": "translation",
+      "translation": {
+        "en": "Welcome to our application",
+        "fr": "Bienvenue dans notre application",
+        "es": "Bienvenido a nuestra aplicación"
+      }
+    }
+  }
+}
+```
+
+## 配置语言环境
+
+为了确保正确的翻译处理，您可以在 `intlayer.config.ts` 中配置接受的语言环境。此配置允许您定义应用程序支持的语言：
+
+```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.mjs" codeFormat="esm"
+import { Locales } from "intlayer";
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
+const { Locales } = require("intlayer");
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+  },
+};
+
+module.exports = config;
+```
+
+## 在 React 组件中使用翻译
+
+使用 `react-intlayer`，您可以在 React 组件中使用翻译。以下是一个示例：
+
+```jsx fileName="**/*.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useIntlayer } from "react-intlayer";
+
+const MyComponent: FC = () => {
+  const content = useIntlayer("multi_lang");
+
+  return (
+    <div>
+      <p>{content.welcomeMessage}</p>
+    </div>
+  );
+};
+
+export default MyComponent;
+```
+
+```javascript fileName="**/*.mjx" codeFormat="esm"
+import { useIntlayer } from "react-intlayer";
+
+const MyComponent = () => {
+  const content = useIntlayer("multi_lang");
+
+  return (
+    <div>
+      <p>{content.welcomeMessage}</p>
+    </div>
+  );
+};
+
+export default MyComponent;
+```
+
+```javascript fileName="**/*.cjs" codeFormat="commonjs"
+const { useIntlayer } = require("react-intlayer");
+
+const MyComponent = () => {
+  const content = useIntlayer("multi_lang");
+
+  return (
+    <div>
+      <p>{content.welcomeMessage}</p>
+    </div>
+  );
+};
+
+module.exports = MyComponent;
+```
+
+此组件根据应用程序中设置的当前语言环境获取相应的翻译。
+
+## 自定义内容对象
+
+`intlayer` 支持用于翻译的自定义内容对象，允许您定义更复杂的结构，同时确保类型安全。以下是一个使用自定义对象的示例：
+
+```typescript fileName="**/*.content.ts" contentDeclarationFormat="typescript"
+import { t, type Dictionary } from "intlayer";
+
+interface ICustomContent {
+  title: string;
+  content: string;
+}
+
+const customContent = {
+  key: "custom_content",
+  content: {
+    profileText: t<ICustomContent>({
+      en: {
+        title: "Page Title",
+        content: "Page Content",
+      },
+      fr: {
+        title: "Titre de la Page",
+        content: "Contenu de la Page",
+      },
+      es: {
+        title: "Título de la Página",
+        content: "Contenido de la Página",
+      },
+    }),
+  },
+} satisfies Dictionary;
+
+export default customContent;
+```
+
+```javascript fileName="**/*.content.mjs" contentDeclarationFormat="esm"
+import { t } from "intlayer";
+
+export default {
+  key: "custom_content",
+  content: {
+    profileText:
+      t <
+      ICustomContent >
+      {
+        en: {
+          title: "Page Title",
+          content: "Page Content",
+        },
+        fr: {
+          title: "Titre de la Page",
+          content: "Contenu de la Page",
+        },
+        es: {
+          title: "Título de la Página",
+          content: "Contenido de la Página",
+        },
+      },
+  },
+};
+```
+
+```javascript fileName="**/*.content.cjs" contentDeclarationFormat="commonjs"
+const { t } = require("intlayer");
+
+module.exports = {
+  key: "custom_content",
+  content: {
+    profileText:
+      t <
+      ICustomContent >
+      {
+        en: {
+          title: "Page Title",
+          content: "Page Content",
+        },
+        fr: {
+          title: "Titre de la Page",
+          content: "Contenu de la Page",
+        },
+        es: {
+          title: "Título de la Página",
+          content: "Contenido de la Página",
+        },
+      },
+  },
+};
+```
+
+```json fileName="**/*.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "custom_content",
+  "content": {
+    "profileText": {
+      "nodeType": "translation",
+      "translation": {
+        "en": {
+          "title": "Page Title",
+          "content": "Page Content"
+        },
+        "fr": {
+          "title": "Titre de la Page",
+          "content": "Contenu de la Page"
+        },
+        "es": {
+          "title": "Título de la Página",
+          "content": "Contenido de la Página"
+        }
+      }
+    }
+  }
+}
+```

package/zh/header.md

@@ -0,0 +1,7 @@
+**File Translated to 中文 (Simplified Chinese):**
+
+![Logo](https://github.com/aymericzip/intlayer/blob/main/packages/@intlayer/design-system/src/components/Logo/logo_with_text_no_frame.svg)
+
+**国际化变得简单**
+
+Intlayer 为您的网站国际化提供了一种更灵活和现代的方法。它与 Next.js 和 React 的无缝集成、可定制的配置以及对各种内容声明格式的支持，使其成为国际化的强大选择。

package/zh/how_works_intlayer.md

@@ -0,0 +1,217 @@
+# Intlayer 的工作原理
+
+## 概述
+
+Intlayer 的核心理念是采用每个组件的内容管理。因此，Intlayer 的理念是允许您在代码库中的任何地方声明内容，例如与组件位于同一目录中。
+
+```bash
+.
+└── Components
+    └── MyComponent
+        ├── index.content.cjs
+        └── index.mjs
+```
+
+为此，Intlayer 的作用是找到项目中所有的 `内容声明文件`，无论是何种格式，然后从中生成 `字典`。
+
+因此，主要有两个步骤：
+
+- 构建步骤
+- 解释步骤
+
+### 字典的构建步骤
+
+构建步骤可以通过以下三种方式完成：
+
+- 使用 CLI 命令 `npx intlayer build`
+- 使用 [vscode 扩展](https://github.com/aymericzip/intlayer/blob/main/docs/zh/vs_code_extension.md)
+- 使用应用插件，例如 [`vite-intlayer` 包](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/vite-intlayer/index.md)，或其在 [Next.js](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/next-intlayer/index.md) 中的等价插件。当您使用这些插件之一时，Intlayer 会在启动（开发模式）或构建（生产模式）应用时自动构建您的字典。
+
+1. 内容文件的声明
+
+   - 内容文件可以以多种格式定义，例如 TypeScript、ECMAScript、CommonJS 或 JSON。
+   - 内容文件可以在项目中的任何地方定义，这有助于更好的维护和扩展性。重要的是要遵守内容文件的文件扩展名约定。默认扩展名为 `*.content.{js|cjs|mjs|ts|tsx|json}`，但可以在 [配置文件](https://github.com/aymericzip/intlayer/blob/main/docs/zh/configuration.md) 中修改。
+
+2. `字典` 的生成
+
+   - 字典是从内容文件生成的。默认情况下，Intlayer 字典生成在项目的 `.intlayer/dictionaries` 目录中。
+   - 这些字典以不同格式生成，以满足所有需求并优化应用性能。
+
+3. 字典类型的生成
+
+基于您的 `字典`，Intlayer 将生成类型以便在您的应用中使用。
+
+- 字典类型是从 Intlayer 的 `字典` 生成的。默认情况下，Intlayer 字典类型生成在项目的 `.intlayer/types` 目录中。
+
+- Intlayer [模块增强](https://www.typescriptlang.org/docs/handbook/declaration-merging.html) 是 TypeScript 的一个功能，允许您为 Intlayer 定义额外的类型。这使得开发体验更加轻松，通过建议可用参数或必需参数。
+  在生成的类型中，Intlayer 字典类型甚至语言配置类型会被添加到 `types/intlayer.d.ts` 文件中，并被其他包使用。为此，`tsconfig.json` 文件需要配置以包含项目的 `types` 目录。
+
+### 字典的解释步骤
+
+使用 Intlayer，您可以通过 `useIntlayer` 钩子在应用中访问您的内容。
+
+```tsx
+const MyComponent = () => {
+  const content = useIntlayer("my-component");
+  return <div>{content.title}</div>;
+};
+```
+
+此钩子将为您管理语言环境检测，并返回当前语言环境的内容。通过此钩子，您还可以解释 markdown、管理复数化等。
+
+> 要查看 Intlayer 的所有功能，您可以阅读 [字典文档](https://github.com/aymericzip/intlayer/blob/main/docs/zh/dictionary/get_started.md)。
+
+## 远程内容
+
+Intlayer 允许您在本地声明内容，然后将其导出到 CMS，以便您的非技术团队可以编辑它。
+
+因此，您可以像使用 Git 管理代码一样，从 CMS 推送和拉取内容到您的应用。
+
+如果在您的项目中配置了，Intlayer 将在应用启动（开发模式）/ 构建（生产模式）时自动为您管理从 CMS 获取内容的过程。
+
+## 可视化编辑器
+
+Intlayer 还提供了一个可视化编辑器，允许您以可视化的方式编辑内容。此 [可视化编辑器](https://github.com/aymericzip/intlayer/blob/main/docs/zh/intlayer_visual_editor.md) 可在外部 `intlayer-editor` 包中使用。
+
+![可视化编辑器](https://github.com/aymericzip/intlayer/blob/main/docs/assets/visual_editor.gif)
+
+## 应用构建优化
+
+为了优化应用的包大小，Intlayer 提供了两个插件来优化应用的构建：`@intlayer/babel` 和 `@intlayer/swc` 插件。
+
+在开发模式下，Intlayer 使用集中式静态导入字典以简化开发体验。
+
+通过优化构建，Intlayer 将替换所有字典调用以优化分块。这样，最终的包只会导入实际使用的字典。
+
+通过在 [配置](https://github.com/aymericzip/intlayer/blob/main/docs/zh/configuration.md) 中激活选项 `activateDynamicImport`，Intlayer 将使用动态导入加载字典。默认情况下，此选项是禁用的，以避免在渲染应用时进行异步处理。
+
+> `@intlayer/babel` 默认包含在 `vite-intlayer` 包中，
+
+> `@intlayer/swc` 默认未安装在 `next-intlayer` 包中，因为 SWC 插件在 Next.js 中仍然是实验性的。
+
+要了解如何配置应用的构建，您可以阅读 [配置文档](https://github.com/aymericzip/intlayer/blob/main/docs/zh/configuration.md)。
+
+## 包
+
+Intlayer 由多个包组成，每个包在翻译过程中都有特定的角色。以下是此包结构的图形表示：
+
+![intlayer 的包](https://github.com/aymericzip/intlayer/blob/main/docs/assets/packages_dependency_graph.svg)
+
+### intlayer
+
+`intlayer` 包用于在应用中声明内容文件中的内容。
+
+### react-intlayer
+
+`react-intlayer` 包用于解释 Intlayer 字典并使其在 React 应用中可用。
+
+### next-intlayer
+
+`next-intlayer` 包作为 `react-intlayer` 的扩展层，用于使 Intlayer 字典在 Next.js 应用中可用。它集成了使 Intlayer 在 Next.js 环境中工作的基本功能，例如翻译中间件、路由或 `next.config.js` 文件配置。
+
+### vue-intlayer
+
+`vue-intlayer` 包用于解释 Intlayer 字典并使其在 Vue 应用中可用。
+
+### svelte-intlayer (开发中)
+
+`svelte-intlayer` 包用于解释 Intlayer 字典并使其在 Svelte 应用中可用。
+
+### solid-intlayer (开发中)
+
+`solid-intlayer` 包用于解释 Intlayer 字典并使其在 Solid.js 应用中可用。
+
+### preact-intlayer
+
+`preact-intlayer` 包用于解释 Intlayer 字典并使其在 Preact 应用中可用。
+
+### angular-intlayer (开发中)
+
+`angular-intlayer` 包用于解释 Intlayer 字典并使其在 Angular 应用中可用。
+
+### express-intlayer
+
+`express-intlayer` 包用于在 Express.js 后端中使用 Intlayer。
+
+### react-native-intlayer
+
+`react-native-intlayer` 包提供了集成插件的工具，使 Intlayer 能够与 Metro 打包器一起工作。
+
+### lynx-intlayer
+
+`lynx-intlayer` 包提供了集成插件的工具，使 Intlayer 能够与 Lynx 打包器一起工作。
+
+### vite-intlayer
+
+包括用于将 Intlayer 集成到 [Vite 打包器](https://vite.dev/guide/why.html#why-bundle-for-production) 的 Vite 插件，以及用于检测用户首选语言环境、管理 Cookie 和处理 URL 重定向的中间件。
+
+### react-scripts-intlayer
+
+### intlayer-editor
+
+`intlayer-editor` 包用于支持可视化编辑器的使用。这个包是可选的，可以安装到应用程序中，并由 `react-intlayer` 包使用。
+它由两部分组成：服务器和客户端。
+
+客户端包含由 `react-intlayer` 使用的 UI 元素。
+
+基于 Express 的服务器用于接收可视化编辑器的请求并管理或修改内容文件。
+
+### intlayer-cli
+
+`intlayer-cli` 包可以通过 `npx intlayer dictionaries build` 命令生成字典。如果已经安装了 `intlayer`，CLI 会自动安装，因此不需要单独安装此包。
+
+### @intlayer/core
+
+`@intlayer/core` 包是 Intlayer 的核心包。它包含翻译和字典管理功能。`@intlayer/core` 是跨平台的，并被其他包用来执行字典的解析。
+
+### @intlayer/config
+
+`@intlayer/config` 包用于配置 Intlayer 的设置，例如可用语言、Next.js 中间件参数或集成编辑器的设置。
+
+### @intlayer/webpack
+
+`@intlayer/webpack` 包用于提供 Webpack 配置，使基于 Webpack 的应用程序能够与 Intlayer 一起工作。该包还提供了一个插件，可以添加到现有的 Webpack 应用程序中。
+
+### @intlayer/cli
+
+`@intlayer/cli` 包是一个 NPM 包，用于声明与 Intlayer 命令行接口相关的脚本。它确保了所有 Intlayer CLI 命令的一致性。此包主要被 [intlayer-cli](https://github.com/aymericzip/intlayer/tree/main/docs/zh/packages/intlayer-cli/index.md) 和 [intlayer](https://github.com/aymericzip/intlayer/tree/main/docs/zh/packages/intlayer/index.md) 包所使用。
+
+### @intlayer/dictionaries-entry & @intlayer/unmerged-dictionaries-entry & @intlayer/dynamic-dictionaries-entry
+
+`@intlayer/dictionaries-entry`、`@intlayer/unmerged-dictionaries-entry` 和 `@intlayer/dynamic-dictionaries-entry` 包返回 Intlayer 字典的入口路径。由于从浏览器中搜索文件系统是不可能的，因此使用 Webpack 或 Rollup 等打包工具来检索字典的入口路径也是不可行的。这些包被设计为可以被别名化，从而在 Vite、Webpack 和 Turbopack 等各种打包工具中实现打包优化。
+
+### @intlayer/chokidar
+
+`@intlayer/chokidar` 包用于监控内容文件，并在每次修改时重新生成修改后的字典。
+
+### @intlayer/editor
+
+`@intlayer/editor` 包提供与字典编辑器相关的工具。它特别包括与 Intlayer 编辑器接口的 API，以及操作字典的工具。此包是跨平台的。
+
+### @intlayer/editor-react
+
+`@intlayer/editor-react` 包提供状态、上下文、钩子和组件，用于将 React 应用程序与 Intlayer 编辑器接口化。
+
+### @intlayer/babel
+
+`@intlayer/babel` 包提供工具，用于优化基于 Vite 和 Webpack 的应用程序的字典打包。
+
+### @intlayer/swc (开发中)
+
+`@intlayer/swc` 包提供工具，用于优化基于 Next.js 应用程序的字典打包。
+
+### @intlayer/api
+
+`@intlayer/api` 包是一个 API SDK，用于与后端交互。
+
+### @intlayer/design-system
+
+`@intlayer/design-system` 包用于在 CMS 和可视化编辑器之间共享设计元素。
+
+### @intlayer/backend
+
+`@intlayer/backend` 包导出后端类型，并将在未来提供作为独立包的后端。
+
+## 与我们的智能文档聊天
+
+- [向我们的智能文档提问](https://intlayer.org/doc/chat)

package/zh/index.md

@@ -0,0 +1,125 @@
+# Intlayer 文档
+
+欢迎来到官方 **Intlayer** 文档！在这里，您将找到集成、配置和掌握 Intlayer 所需的一切，无论您是使用 **Next.js**、**React**、**Vite**、**Express** 还是其他 JavaScript 环境。
+
+Intlayer 提供了一种灵活、现代的方式来翻译您的应用程序。我们的文档将指导您从安装和设置到高级功能，如 **AI 驱动的翻译**、**TypeScript** 定义和 **服务器组件** 支持, , 帮助您创建无缝的多语言体验。
+
+---
+
+## 入门
+
+- **[介绍](https://github.com/aymericzip/intlayer/blob/main/docs/zh/introduction.md)**  
+  了解 Intlayer 的工作原理、核心功能以及为什么它是 i18n 的变革者。
+
+- **[Intlayer 的工作原理](https://github.com/aymericzip/intlayer/blob/main/docs/zh/how_works_intlayer.md)**  
+  深入了解架构设计，学习 Intlayer 如何处理从内容声明到翻译交付的一切。
+
+- **[配置](https://github.com/aymericzip/intlayer/blob/main/docs/zh/configuration.md)**  
+  根据项目需求自定义 Intlayer。探索中间件选项、目录结构和高级设置。
+
+- **[Intlayer CLI](https://github.com/aymericzip/intlayer/blob/main/docs/zh/intlayer_cli.md)**  
+  使用我们的命令行工具管理内容和翻译。了解如何推送和拉取内容、自动化翻译等。
+
+- **[Intlayer 编辑器](https://github.com/aymericzip/intlayer/blob/main/docs/zh/intlayer_visual_editor.md)**  
+  简化与非开发人员的协作，并通过 AI 在我们的免费直观 CMS 中增强翻译。
+
+---
+
+## 核心概念
+
+### 字典
+
+将多语言内容与代码紧密结合，以保持一致性和可维护性。
+
+- **[入门](https://github.com/aymericzip/intlayer/blob/main/docs/zh/dictionary/get_started.md)**  
+  学习在 Intlayer 中声明内容的基础知识。
+
+- **[翻译](https://github.com/aymericzip/intlayer/blob/main/docs/zh/dictionary/translation.md)**  
+  了解翻译如何生成、存储和在您的应用程序中使用。
+
+- **[枚举](https://github.com/aymericzip/intlayer/blob/main/docs/zh/dictionary/enumeration.md)**  
+  轻松管理跨多种语言的重复或固定数据集。
+
+- **[函数获取](https://github.com/aymericzip/intlayer/blob/main/docs/zh/dictionary/function_fetching.md)**  
+  了解如何使用自定义逻辑动态获取内容以匹配您的项目工作流程。
+
+---
+
+## 环境与集成
+
+我们设计了 Intlayer，以提供灵活性，支持与流行框架和构建工具的无缝集成：
+
+- **[Intlayer 与 Next.js 15](https://github.com/aymericzip/intlayer/blob/main/docs/zh/intlayer_with_nextjs_15.md)**
+- **[Intlayer 与 Next.js 14 (App Router)](https://github.com/aymericzip/intlayer/blob/main/docs/zh/intlayer_with_nextjs_14.md)**
+- **[Intlayer 与 Next.js 页面路由](https://github.com/aymericzip/intlayer/blob/main/docs/zh/intlayer_with_nextjs_page_router.md)**
+- **[Intlayer 与 React CRA](https://github.com/aymericzip/intlayer/blob/main/docs/zh/intlayer_with_create_react_app.md)**
+- **[Intlayer 与 Vite + React](https://github.com/aymericzip/intlayer/blob/main/docs/zh/intlayer_with_vite+react.md)**
+- **[Intlayer 与 Express](https://github.com/aymericzip/intlayer/blob/main/docs/zh/intlayer_with_express.md)**
+
+每个集成指南都包括使用 Intlayer 功能的最佳实践，例如 **服务器端渲染**、**动态路由** 或 **客户端渲染**，以便您可以维护快速、SEO 友好且高度可扩展的应用程序。
+
+---
+
+## 包
+
+Intlayer 的模块化设计为特定环境和需求提供了专用包：
+
+### `intlayer`
+
+配置和管理您的 i18n 设置的核心实用功能。
+
+- **[getConfiguration](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/intlayer/getConfiguration.md)**
+- **[getHTMLTextDir](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/intlayer/getHTMLTextDir.md)**
+- **[getLocaleLang](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/intlayer/getLocaleLang.md)**
+- **[getLocaleName](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/intlayer/getLocaleName.md)**
+- **[getLocalizedUrl](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/intlayer/getLocalizedUrl.md)**
+- **[getMultilingualUrls](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/intlayer/getMultilingualUrls.md)**
+- **[getPathWithoutLocale](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/intlayer/getPathWithoutLocale.md)**
+- **[getTranslation](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/intlayer/getTranslation.md)**
+- **[getEnumeration](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/intlayer/getEnumeration.md)**
+
+### `express-intlayer`
+
+在 **Express** 应用中使用 Intlayer：
+
+- **[t](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/express-intlayer/t.md)**  
+  一个简单直接的翻译助手，用于服务器路由和视图。
+
+### `react-intlayer`
+
+为您的 **React** 应用增强强大的钩子：
+
+- **[t](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/react-intlayer/t.md)**
+- **[useIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/react-intlayer/useIntlayer.md)**
+- **[useDictionary](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/react-intlayer/useDictionary.md)**
+- **[useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/react-intlayer/useLocale.md)**
+
+### `next-intlayer`
+
+与 **Next.js** 无缝集成：
+
+- **[t](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/next-intlayer/t.md)**
+- **[useIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/next-intlayer/useIntlayer.md)**
+- **[useDictionary](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/next-intlayer/useDictionary.md)**
+- **[useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/zh/packages/next-intlayer/useLocale.md)**
+
+---
+
+## 其他资源
+
+- **[博客：Intlayer 与 i18next](https://github.com/aymericzip/intlayer/blob/main/docs/zh/intlayer_with_i18next.md)**  
+  了解 Intlayer 如何补充和比较流行的 **i18next** 库。
+
+- **[YouTube 上的实时教程](https://youtu.be/W2G7KxuSD4c?si=GyU_KpVhr61razRw)**  
+  观看全面的演示，学习如何实时集成 Intlayer。
+
+---
+
+## 贡献与反馈
+
+我们重视开源和社区驱动的开发。如果您想提出改进建议、添加新指南或纠正文档中的任何问题，请随时提交 Pull Request 或在我们的 [GitHub 仓库](https://github.com/aymericzip/intlayer/blob/main/docs) 中打开问题。
+
+**准备好更快、更高效地翻译您的应用程序了吗？** 深入我们的文档，开始使用 Intlayer。体验一种强大、简化的国际化方法，让您的内容井然有序，让您的团队更高效。
+
+翻译愉快！  
+, Intlayer 团队