@intlayer/docs 5.5.12 → 5.6.0

package/docs/en/intlayer_cli.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-11
-updatedAt: 2025-06-29
+updatedAt: 2025-07-11
 title: CLI
 description: Discover how to use the Intlayer CLI to manage your multilingual website. Follow the steps in this online documentation to set up your project in a few minutes.
 keywords:
@@ -59,48 +59,6 @@ Intlayer accepts multiple configuration file formats:
 
 To see how to configure available locales, or other parameters, refer to the [configuration documentation here](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/configuration.md).
 
-## CLI SDK
-
-The CLI SDK is a library that allows you to use the Intlayer CLI in your own code.
-
-```bash packageManager="npm"
-npm install @intlayer/cli -D
-```
-
-```bash packageManager="yarn"
-yarn add @intlayer/cli -D
-```
-
-```bash packageManager="pnpm"
-pnpm add @intlayer/cli -D
-```
-
-Example of usage:
-
-```ts
-import {
-  push,
-  pull,
-  fill,
-  build,
-  docTranslate,
-  docReview,
-} from "@intlayer/cli";
-
-push();
-// ...
-pull();
-// ...
-fill();
-// ...
-build();
-// ...
-docTranslate();
-// ...
-docReview();
-// ...
-```
-
 ## Run intlayer commands
 
 ### Build dictionaries
@@ -141,22 +99,57 @@ If [intlayer editor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/
 
 ##### Arguments:
 
-- `-d`, `--dictionaries`: ids of the dictionaries to pull. If not specified, all dictionaries will be pushed.
+**Dictionary options:**
+
+- **`-d`, `--dictionaries`**: ids of the dictionaries to pull. If not specified, all dictionaries will be pushed.
+
   > Example: `npx intlayer dictionary push -d my-dictionary-id my-other-dictionary-id`
-- `-r`, `--deleteLocaleDictionary`: Skip the question that asking to delete the locales directories once the dictionaries are pushed, and remove them. By default, is the dictionary is defined locally, it will overwrite distant dictionaries content.
+
+**Configuration options:**
+
+- **`--base-dir`**: Specify the base directory for the project. To retrieve the intlayer configuration, the command will look for the `intlayer.config.{ts,js,json,cjs,mjs}` file in the base directory.
+
+  > Example: `npx intlayer dictionary push --env-file .env.production.local`
+
+**Environment variables options:**
+
+- **`--env`**: Specify the environment (e.g., `development`, `production`). Useful in the case you use environment variables in your intlayer configuration file.
+- **`--env-file`**: Provide a custom environment file to load variables from. Useful in the case you use environment variables in your intlayer configuration file.
+
+  > Example: `npx intlayer dictionary push --env-file .env.production.local`
+
+  > Example: `npx intlayer dictionary push --env production`
+
+**Output options:**
+
+- **`-r`, `--delete-locale-dictionary`**: Skip the question that asking to delete the locales directories once the dictionaries are pushed, and remove them. By default, if the dictionary is defined locally, it will overwrite distant dictionaries content.
+
   > Example: `npx intlayer dictionary push -r`
-- `-k`, `--keepLocaleDictionary`: Skip the question that asking to delete the locales directories once the dictionaries are pushed, and keep them. By default, is the dictionary is defined locally, it will overwrite distant dictionaries content.
+
+  > Example: `npx intlayer dictionary push --delete-locale-dictionary`
+
+- **`-k`, `--keep-locale-dictionary`**: Skip the question that asking to delete the locales directories once the dictionaries are pushed, and keep them. By default, is the dictionary is defined locally, it will overwrite distant dictionaries content.
+
   > Example: `npx intlayer dictionary push -k`
-- `--env`: Specify the environment (e.g., `development`, `production`).
-- `--env-file`: Provide a custom environment file to load variables from.
-- `--base-dir`: Specify the base directory for the project.
-- `--verbose`: Enable verbose logging for debugging.
-- `--git-diff`: Only run on dictionaries that includes changes from base (default `origin/main`) to current branch (default: `HEAD`).
-- `--git-diff-base`: Specify the base reference for git diff (default `origin/main`).
-- `--git-diff-current`: Specify the current reference for git diff (default: `HEAD`).
-- `--uncommitted`: Include uncommitted changes.
-- `--unpushed`: Include unpushed changes.
-- `--untracked`: Include untracked files.
+
+  > Example: `npx intlayer dictionary push --keep-locale-dictionary`
+
+**Log options:**
+
+- **`--verbose`**: Enable verbose logging for debugging.
+
+**Git options:**
+
+- **`--git-diff`**: Only run on dictionaries that includes changes from base (default `origin/main`) to current branch (default: `HEAD`).
+- **`--git-diff-base`**: Specify the base reference for git diff (default `origin/main`).
+- **`--git-diff-current`**: Specify the current reference for git diff (default: `HEAD`).
+- **`--uncommitted`**: Include uncommitted changes.
+- **`--unpushed`**: Include unpushed changes.
+- **`--untracked`**: Include untracked files.
+
+  > Example: `npx intlayer dictionary push --git-diff --git-diff-base origin/main --git-diff-current HEAD`
+
+  > Example: `npx intlayer dictionary push --uncommitted --unpushed --untracked`
 
 ### Pull distant dictionaries
 
@@ -174,13 +167,35 @@ If [intlayer editor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/
 
 ##### Arguments:
 
-- `-d, --dictionaries`: Ids of the dictionaries to pull. If not specified, all dictionaries will be pulled.
+**Dictionary options:**
+
+- **`-d, --dictionaries`**: Ids of the dictionaries to pull. If not specified, all dictionaries will be pulled.
+
   > Example: `npx intlayer dictionary pull -d my-dictionary-id my-other-dictionary-id`
-- `--newDictionariesPath` : Path to the directory where the new dictionaries will be saved. If not specified, the news dictionaries will be saved in the `./intlayer-dictionaries` directory of the project. If a `filePath` fields is specified in your dictionary content, the dictionaries will not consider this argument and will be saved in the specified `filePath` directory.
-- `--env`: Specify the environment (e.g., `development`, `production`).
-- `--env-file`: Provide a custom environment file to load variables from.
-- `--base-dir`: Specify the base directory for the project.
-- `--verbose`: Enable verbose logging for debugging.
+
+**Configuration options:**
+
+- **`--base-dir`**: Specify the base directory for the project. To retrieve the intlayer configuration, the command will look for the `intlayer.config.{ts,js,json,cjs,mjs}` file in the base directory.
+
+  > Example: `npx intlayer dictionary push --env-file .env.production.local`
+
+**Environment variables options:**
+
+- **`--env`**: Specify the environment (e.g., `development`, `production`).
+- **`--env-file`**: Provide a custom environment file to load variables from.
+- **`--base-dir`**: Specify the base directory for the project. To retrieve the intlayer configuration, the command will look for the `intlayer.config.{ts,js,json,cjs,mjs}` file in the base directory.
+
+  > Example: `npx intlayer dictionary push --env-file .env.production.local`
+
+  > Example: `npx intlayer dictionary push --env production`
+
+**Output options:**
+
+- \*\*`--new-dictionaries-path` : Path to the directory where the new dictionaries will be saved. If not specified, the news dictionaries will be saved in the `./intlayer-dictionaries` directory of the project. If a `filePath` fields is specified in your dictionary content, the dictionaries will not consider this argument and will be saved in the specified `filePath` directory.
+
+**Log options:**
+
+- **`--verbose`**: Enable verbose logging for debugging.
 
 ##### Example:
 
@@ -204,77 +219,74 @@ This command analyzes your content declaration files for potential issues such a
 
 ##### Arguments:
 
-- `-f, --file [files...]`
-  A list of specific content declaration files to audit. If not provided, all discovered `*.content.{ts,js,mjs,cjs,tsx,jsx,json}` files will be audited.
+**Files list options:**
+
+- **`-f, --file [files...]`**: A list of specific content declaration files to audit. If not provided, all discovered `*.content.{ts,js,mjs,cjs,tsx,jsx,json}` based on your configuration file setup will be audited.
 
-- `--exclude [excludedGlobs...]`
-  Globs pattern to exclude from the audit (e.g. `--exclude "src/test/**"`).
+  > Example: `npx intlayer dictionary fill -f src/home/app.content.ts`
 
-- `--source-locale [sourceLocale]`
-  The source locale to translate from. If not specified, the default locale from your configuration will be used.
+- **`-k, --keys [keys...]`**: Filter dictionaries based on keys. If not provided, all dictionaries will be audited.
 
-- `--output-locales [outputLocales...]`
-  Target locales to translate to. If not specified, all locales from your configuration will be used except the source locale.
+  > Example: `npx intlayer dictionary fill -k key1 key2`
 
-- `--mode [mode]`
-  Translation mode: 'complete', 'review', or 'missing-only'. Default is 'missing-only'.
+- **`--excluded-keys [excludedKeys...]`**: Filter out dictionaries based on keys. If not provided, all dictionaries will be audited.
 
-- `--git-diff`
-  Filters dictionaries that includes changes from base (default `origin/main`) to current branch (default: `HEAD`).
+  > Example: `npx intlayer dictionary fill --excluded-keys key1 key2`
 
-- `--git-diff-base`
-  Specify the base reference for git diff (default `origin/main`).
+- **`--path-filter [pathFilters...]`**: Filter dictionaries based on glob pattern for file paths.
 
-- `--git-diff-current`
-  Specify the current reference for git diff (default: `HEAD`).
+  > Example: `npx intlayer dictionary fill --path-filter "src/home/**"`
 
-- `--uncommitted`
-  Filters dictionaries that includes uncommitted changes.
+**Entry output options:**
 
-- `--unpushed`
-  Filters dictionaries that includes unpushed changes.
+- **`--source-locale [sourceLocale]`**: The source locale to translate from. If not specified, the default locale from your configuration will be used.
 
-- `--untracked`
-  Filters dictionaries that includes untracked files.
+- **`--output-locales [outputLocales...]`**: Target locales to translate to. If not specified, all locales from your configuration will be used except the source locale.
 
-- `--keys [keys...]`
-  Filter dictionaries based on specified keys.
+- **`--mode [mode]`**: Translation mode: 'complete', 'review', or 'missing-only'. Default is 'missing-only'.
 
-- `--excluded-keys [excludedKeys...]`
-  Filter out dictionaries based on specified keys.
+**Git options:**
 
-- `--path-filter [pathFilters...]`
-  Filter dictionaries based on glob pattern for file paths.
+- **`--git-diff`**: Only run on dictionaries that includes changes from base (default `origin/main`) to current branch (default: `HEAD`).
+- **`--git-diff-base`**: Specify the base reference for git diff (default `origin/main`).
+- **`--git-diff-current`**: Specify the current reference for git diff (default: `HEAD`).
+- **`--uncommitted`**: Include uncommitted changes.
+- **`--unpushed`**: Include unpushed changes.
+- **`--untracked`**: Include untracked files.
+
+  > Example: `npx intlayer doc translate --git-diff --git-diff-base origin/main --git-diff-current HEAD`
+
+  > Example: `npx intlayer doc translate --uncommitted --unpushed --untracked`
+
+**AI options:**
+
+- **`--model [model]`**: The AI model to use for the translation (e.g., `gpt-3.5-turbo`).
+- **`--provider [provider]`**: The AI provider to use for the translation.
+- **`--temperature [temperature]`**: Temperature setting for the AI model.
+- **`--api-key [apiKey]`**: Provide your own API key for the AI service.
+- **`--custom-prompt [prompt]`**: Provide a custom prompt for your translation instructions.
+- **`--application-context [applicationContext]`**: Provide additional context for the AI translation.
 
-- `--model [model]`
-  The AI model to use for the translation (e.g., `gpt-3.5-turbo`).
+  > Example: `npx intlayer fill --model gpt-3.5-turbo --provider openai --temperature 0.5 --api-key sk-1234567890 --application-context "My application is a cat store"`
 
-- `--provider [provider]`
-  The AI provider to use for the translation.
+**Environment variables options:**
 
-- `--temperature [temperature]`
-  Temperature setting for the AI model.
+- **`--env`**: Specify the environment (e.g., `development`, `production`).
+- **`--env-file [envFile]`**: Provide a custom environment file to load variables from.
 
-- `--api-key [apiKey]`
-  Provide your own API key for the AI service.
+  > Example: `npx intlayer fill --env-file .env.production.local`
 
-- `--custom-prompt [prompt]`
-  Provide a custom prompt for your translation instructions.
+  > Example: `npx intlayer fill --env production`
 
-- `--application-context [applicationContext]`
-  Provide additional context for the AI translation.
+**Configuration options:**
 
-- `--env`
-  Specify the environment (e.g., `development`, `production`).
+- **`--base-dir`**: Specify the base directory for the project.
 
-- `--env-file [envFile]`
-  Provide a custom environment file to load variables from.
+  > Example: `npx intlayer fill --base-dir ./src`
 
-- `--base-dir`
-  Specify the base directory for the project.
+**Log options:**
 
-- `--verbose`
-  Enable verbose logging for debugging.
+- **`--verbose`**: Enable verbose logging for debugging.
 
 ##### Example:
 
@@ -342,45 +354,97 @@ npx intlayer doc translate
 
 ##### Arguments:
 
+**File list options:**
+
 - **`--doc-pattern [docPattern...]`**: Glob patterns to match documentation files to translate.
+
   > Example: `npx intlayer doc translate --doc-pattern "docs/**/*.md" "src/**/*.mdx"`
+
 - **`--excluded-glob-pattern [excludedGlobPattern...]`**: Glob patterns to exclude from translation.
+
   > Example: `npx intlayer doc translate --excluded-glob-pattern "docs/internal/**"`
-- **`--nb-simultaneous-file-processed [nbSimultaneousFileProcessed]`**: Number of files to process simultaneously for translation.
-  > Example: `npx intlayer doc translate --nb-simultaneous-file-processed 5`
+
+- **`--skip-if-modified-before [skipIfModifiedBefore]`**: Skip the file if it has been modified before the given time.
+
+  - Can be an absolute time as "2025-12-05" (string or Date)
+  - Can be a relative time in ms `1 * 60 * 60 * 1000` (1 hour)
+  - This option check update time of the file using the `fs.stat` method. So it could be impacted by Git or other tools that modify the file.
+
+  > Example: `npx intlayer doc translate --skip-if-modified-before "2025-12-05"`
+
+- **`--skip-if-modified-after [skipIfModifiedAfter]`**: Skip the file if it has been modified within the given time.
+
+  - Can be an absolute time as "2025-12-05" (string or Date)
+  - Can be a relative time in ms `1 * 60 * 60 * 1000` (1 hour)
+  - This option check update time of the file using the `fs.stat` method. So it could be impacted by Git or other tools that modify the file.
+
+  > Example: `npx intlayer doc translate --skip-if-modified-after "2025-12-05"`
+
+**Entry output options:**
+
 - **`--locales [locales...]`**: Target locales to translate documentation to.
+
   > Example: `npx intlayer doc translate --locales fr es de`
+
 - **`--base-locale [baseLocale]`**: Source locale to translate from.
+
   > Example: `npx intlayer doc translate --base-locale en`
+
+**File processing options:**
+
+- **`--nb-simultaneous-file-processed [nbSimultaneousFileProcessed]`**: Number of files to process simultaneously for translation.
+
+  > Example: `npx intlayer doc translate --nb-simultaneous-file-processed 5`
+
+**AI options:**
+
 - **`--model [model]`**: The AI model to use for translation (e.g., `gpt-3.5-turbo`).
 - **`--provider [provider]`**: The AI provider to use for translation.
 - **`--temperature [temperature]`**: Temperature setting for the AI model.
 - **`--api-key [apiKey]`**: Provide your own API key for the AI service.
-- **`--custom-prompt [prompt]`**: Provide a custom prompt for translation instructions.
 - **`--application-context [applicationContext]`**: Provide additional context for the AI translation.
+- **`--custom-prompt [prompt]`**: Customize the base prompt used for translation. (Note: For most use cases, the `--custom-instructions` option is recommended instead as it provides better control over translation behavior.)
+
+  > Example: `npx intlayer doc translate --model deepseek-chat --provider deepseek --temperature 0.5 --api-key sk-1234567890 --application-context "My application is a cat store"`
+
+**Environment variables options:**
+
 - **`--env`**: Specify the environment (e.g., `development`, `production`).
 - **`--env-file [envFile]`**: Provide a custom environment file to load variables from.
 - **`--base-dir`**: Specify the base directory for the project.
+
+  > Example: `npx intlayer doc translate --base-dir ./docs --env-file .env.production.local`
+
+**Log options:**
+
 - **`--verbose`**: Enable verbose logging for debugging.
+
+  > Example: `npx intlayer doc translate --verbose`
+
+**Custom instructions options:**
+
 - **`--custom-instructions [customInstructions]`**: Custom instructions added to the prompt. Usefull to apply specific rules regarding formatting, urls translation, etc.
-- **`--skip-if-modified-before [skipIfModifiedBefore]`**: Skip the file if it has been modified before the given time.
-  - Can be an absolute time as "2025-12-05" (string or Date)
-  - Can be a relative time in ms `1 * 60 * 60 * 1000` (1 hour)
-  - This option check update time of the file using the `fs.stat` method. So it could be impacted by Git or other tools that modify the file.
-- **`--skip-if-modified-after [skipIfModifiedAfter]`**: Skip the file if it has been modified within the given time.
+
   - Can be an absolute time as "2025-12-05" (string or Date)
   - Can be a relative time in ms `1 * 60 * 60 * 1000` (1 hour)
   - This option check update time of the file using the `fs.stat` method. So it could be impacted by Git or other tools that modify the file.
 
-##### Example:
+  > Example: `npx intlayer doc translate --custom-instructions "Avoid translating urls, and keep the markdown format"`
 
-```bash
-npx intlayer doc translate
-  --doc-pattern "docs/en/**/*.md"
-  --base-locale en --locales fr es
-  --model chatgpt-4o-latest
-  --custom-instructions "$(cat ./instructions.md)"
-```
+  > Example: `npx intlayer doc translate --custom-instructions "$(cat ./instructions.md)"`
+
+**Git options:**
+
+- **`--git-diff`**: Only run on dictionaries that includes changes from base (default `origin/main`) to current branch (default: `HEAD`).
+- **`--git-diff-base`**: Specify the base reference for git diff (default `origin/main`).
+- **`--git-diff-current`**: Specify the current reference for git diff (default: `HEAD`).
+- **`--uncommitted`**: Include uncommitted changes.
+- **`--unpushed`**: Include unpushed changes.
+- **`--untracked`**: Include untracked files.
+
+  > Example: `npx intlayer doc translate --git-diff --git-diff-base origin/main --git-diff-current HEAD`
+
+  > Example: `npx intlayer doc translate --uncommitted --unpushed --untracked`
 
 > Note that the output file path will be determined by replacing the following patterns
 >
@@ -400,19 +464,20 @@ The `doc review` command analyzes documentation files for quality, consistency,
 npx intlayer doc review
 ```
 
+It can be used to review files that are already translated, and to check if the translation is correct.
+
+For most use cases,
+
+- prefer using the `doc translate` when the translated version of this file is not available.
+- prefer using the `doc review` when the translated version of this file already exists.
+
+> Note that the review process consumes more entry tokens than the translate process to review the same file entirely. However, the review process will optimize the chunks to review, and will skip the parts that are not changed.
+
 ##### Arguments:
 
 The `doc review` command accepts the same arguments as `doc translate`, allowing you to review specific documentation files and apply quality checks.
 
-##### Example:
-
-```bash
-npx intlayer doc review
- --doc-pattern "docs/en/**/*.md"
- --locales fr es de
- --model chatgpt-4o-latest
- --custom-instructions "$(cat ./instructions.md)"
-```
+If you activated one of the git options, the command will only review the part of the files that getting changed. The script will process by chunking the file and review each chunk. If there is no changes in the chunk, the script will skip it to speed up the review process and limit the AI Provider API cost.
 
 ## Use intlayer commands in your `package.json`
 
@@ -428,6 +493,48 @@ npx intlayer doc review
 }
 ```
 
+## CLI SDK
+
+The CLI SDK is a library that allows you to use the Intlayer CLI in your own code.
+
+```bash packageManager="npm"
+npm install @intlayer/cli --save-dev
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/cli --save-dev
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/cli --save-dev
+```
+
+Example of usage:
+
+```ts
+import {
+  push,
+  pull,
+  fill,
+  build,
+  docTranslate,
+  docReview,
+} from "@intlayer/cli";
+
+push();
+// ...
+pull();
+// ...
+fill();
+// ...
+build();
+// ...
+docTranslate();
+// ...
+docReview();
+// ...
+```
+
 ## Debug intlayer command
 
 ### 1. **Ensure you're using the latest version**
@@ -460,6 +567,7 @@ npx clear-npx-cache
 
 ## Doc History
 
-| Version | Date       | Changes      |
-| ------- | ---------- | ------------ |
-| 5.5.10  | 2025-06-29 | Init history |
+| Version | Date       | Changes                                     |
+| ------- | ---------- | ------------------------------------------- |
+| 5.5.11  | 2025-07-11 | Update CLI command parameters documentation |
+| 5.5.10  | 2025-06-29 | Init history                                |

package/docs/en/intlayer_visual_editor.md

@@ -15,6 +15,7 @@ slugs:
   - doc
   - concept
   - editor
+youtubeVideo: https://www.youtube.com/watch?v=UDDTnirwi_4
 ---
 
 # Intlayer Visual Editor Documentation

package/docs/en/intlayer_with_angular.md

@@ -13,6 +13,7 @@ slugs:
   - doc
   - environment
   - angular
+# applicationTemplate: https://github.com/aymericzip/intlayer-angular-template
 ---
 
 # Getting Started with Internationalization (i18n) in Angular using Intlayer

package/docs/en/intlayer_with_create_react_app.md

@@ -15,6 +15,7 @@ slugs:
   - doc
   - environment
   - create-react-app
+applicationTemplate: https://github.com/aymericzip/intlayer-react-cra-template
 ---
 
 # Getting Started Internationalizing (i18n) with Intlayer and React Create App

package/docs/en/intlayer_with_lynx+react.md

@@ -15,6 +15,7 @@ slugs:
   - doc
   - environment
   - lynx-and-react
+applicationTemplate: https://github.com/aymericzip/intlayer-lynx-template
 ---
 
 # Getting Started Internationalizing (i18n) with Intlayer and Lynx and React

package/docs/en/intlayer_with_nextjs_14.md

@@ -15,6 +15,7 @@ slugs:
   - environment
   - nextjs
   - 14
+applicationTemplate: https://github.com/aymericzip/intlayer-next-14-template
 ---
 
 # Getting Started internationalizing (i18n) with Intlayer and Next.js 14 with App Router

package/docs/en/intlayer_with_nextjs_15.md

@@ -14,6 +14,8 @@ slugs:
   - doc
   - environment
   - nextjs
+applicationTemplate: https://github.com/aymericzip/intlayer-next-15-template
+youtubeVideo: https://www.youtube.com/watch?v=e_PPG7PTqGU
 ---
 
 # Getting Started internationalizing (i18n) with Intlayer and Next.js 15 App Router
@@ -130,7 +132,7 @@ module.exports = config;
 
 Configure your Next.js setup to use Intlayer:
 
-```typescript filename="next.config.ts" codeFormat="typescript"
+```typescript fileName="next.config.ts" codeFormat="typescript"
 import type { NextConfig } from "next";
 import { withIntlayer } from "next-intlayer/server";
 

package/docs/en/intlayer_with_nuxt.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - nuxt-and-vue
+applicationTemplate: https://github.com/aymericzip/intlayer-nuxt-template
 ---
 
 # Getting Started Internationalizing (i18n) with Intlayer and Nuxt

package/docs/en/intlayer_with_react_native+expo.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - react-native-and-expo
+applicationTemplate: https://github.com/aymericzip/intlayer-react-native-template
 ---
 
 # Getting Started Internationalizing (i18n) with Intlayer and React Native

package/docs/en/intlayer_with_vite+preact.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-preact
+applicationTemplate: https://github.com/aymericzip/intlayer-vite-preact-template
 ---
 
 # Getting Started Internationalizing (i18n) with Intlayer and Vite and Preact
@@ -43,17 +44,17 @@ Install the necessary packages using npm:
 
 ```bash packageManager="npm"
 npm install intlayer preact-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer preact-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer preact-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**
@@ -1037,6 +1038,8 @@ module.exports = App;
 
 In parallel, you can also use the `intLayerMiddlewarePlugin` to add server-side routing to your application. This plugin will automatically detect the current locale based on the URL and set the appropriate locale cookie. If no locale is specified, the plugin will determine the most appropriate locale based on the user's browser language preferences. If no locale is detected, it will redirect to the default locale.
 
+> Note that to use the `intLayerMiddlewarePlugin` in production, you need to switch the `vite-intlayer` package from `devDependencies` to `dependencies`.
+
 ```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
 import { defineConfig } from "vite";
 import preact from "@preact/preset-vite";

package/docs/en/intlayer_with_vite+react.md

@@ -15,10 +15,14 @@ slugs:
   - doc
   - environment
   - vite-and-react
+applicationTemplate: https://github.com/aymericzip/intlayer-vite-react-template
+youtubeVideo: https://www.youtube.com/watch?v=dS9L7uJeak4
 ---
 
 # Getting Started Internationalizing (i18n) with Intlayer and Vite and React
 
+<iframe title="The best i18n solution for Vite and React? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?si=VaKmrYMmXjo3xpk2"/>
+
 See [Application Template](https://github.com/aymericzip/intlayer-vite-react-template) on GitHub.
 
 ## What is Intlayer?
@@ -42,17 +46,17 @@ Install the necessary packages using npm:
 
 ```bash packageManager="npm"
 npm install intlayer react-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer react-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer react-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**
@@ -1002,6 +1006,8 @@ const App = () => (
 
 In parallel, you can also use the `intLayerMiddlewarePlugin` to add server-side routing to your application. This plugin will automatically detect the current locale based on the URL and set the appropriate locale cookie. If no locale is specified, the plugin will determine the most appropriate locale based on the user's browser language preferences. If no locale is detected, it will redirect to the default locale.
 
+> Note that to use the `intLayerMiddlewarePlugin` in production, you need to switch the `vite-intlayer` package from `devDependencies` to `dependencies`.
+
 ```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";