@intlayer/docs 5.5.8

package/en-GB/dictionary/translation.md

@@ -0,0 +1,285 @@
+# Translation
+
+## Defining Translations
+
+The `t` function in `intlayer` allows you to declare content in multiple languages. This function ensures type safety, raising an error if any translations are missing, which is particularly useful in TypeScript environments.
+
+Here's an example of how to declare content with translations.
+
+```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-GB: "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-GB: "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-GB: "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-GB": "Welcome to our application",
+        "fr": "Bienvenue dans notre application",
+        "es": "Bienvenido a nuestra aplicación"
+      }
+    }
+  }
+}
+```
+
+## Configuration for Locales
+
+To ensure proper translation handling, you can configure the accepted locales in `intlayer.config.ts`. This configuration allows you to define the languages that your application supports:
+
+```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  internationalization: {
+    locales: [Locales.ENGLISH_UK, 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_UK, 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_UK, Locales.FRENCH, Locales.SPANISH],
+  },
+};
+
+module.exports = config;
+```
+
+## Using Translations in React Components
+
+With `react-intlayer`, you can use translations in React components. Here's an example:
+
+```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;
+```
+
+This component fetches the corresponding translation based on the current locale set in your application.
+
+## Custom Content Objects
+
+`intlayer` supports custom content objects for translation, allowing you to define more complex structures while ensuring type safety. Here's an example with a custom object:
+
+```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-GB: {
+        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-GB: {
+          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-GB: {
+          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-GB": {
+          "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/en-GB/header.md

@@ -0,0 +1 @@
+Which locale would you like me to translate the file into?

package/en-GB/how_works_intlayer.md

@@ -0,0 +1,217 @@
+# How Intlayer Works
+
+## Overview
+
+The main idea behind Intlayer is to adopt a per-component content management approach. The concept of Intlayer is to allow you to declare your content anywhere in your codebase, such as in the same directory as your component.
+
+```bash
+.
+└── Components
+    └── MyComponent
+        ├── index.content.cjs
+        └── index.mjs
+```
+
+To achieve this, Intlayer's role is to locate all your `content declaration files`, in all the different formats present in your project, and then generate the `dictionaries` from them.
+
+Thus, there are two main steps:
+
+- Build step
+- Interpretation step
+
+### Build of dictionaries step
+
+The build step can be executed in three ways:
+
+- using the CLI with `npx intlayer build`
+- using [vscode extension](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/vs_code_extension.md)
+- using the app plugins such as [`vite-intlayer` package](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/vite-intlayer/index.md), or their equivalents for [Next.js](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/next-intlayer/index.md). When you use one of these plugins, Intlayer will automatically build your dictionaries when you start (dev) or build (prod) your application.
+
+1. Declaration of content files
+
+   - Content files can be defined in various formats, such as TypeScript, ECMAScript, CommonJS, or JSON.
+   - Content files can be defined anywhere in the project, which allows for better maintenance and scalability. It is important to adhere to the file extension conventions for content files. This extension is by default `*.content.{js|cjs|mjs|ts|tsx|json}`, but it can be modified in the [configuration file](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/configuration.md).
+
+2. Generation of `dictionaries`
+
+   - Dictionaries are generated from content files. By default, Intlayer dictionaries are generated in the `.intlayer/dictionaries` directory of the project.
+   - These dictionaries are generated in different formats to meet all needs and optimise the performance of the application.
+
+3. Generation of dictionary types
+
+Based on your `dictionaries`, Intlayer will generate types to make them usable in your application.
+
+- Dictionary types are generated from Intlayer `content declaration files`. By default, Intlayer dictionary types are generated in the `.intlayer/types` directory of the project.
+
+- Intlayer [module augmentation](https://www.typescriptlang.org/docs/handbook/declaration-merging.html) is a TypeScript feature that allows you to define additional types for Intlayer. This makes the development experience easier by suggesting available arguments or required arguments.
+  Among the types generated, Intlayer dictionary types or even language configuration types are added to the `types/intlayer.d.ts` file, and used by other packages. To do this, it is necessary that the `tsconfig.json` file is configured to include the `types` directory of the project.
+
+### Interpretation of dictionaries step
+
+Using Intlayer, you will access your content in your application using the `useIntlayer` hook.
+
+```tsx
+const MyComponent = () => {
+  const content = useIntlayer("my-component");
+  return <div>{content.title}</div>;
+};
+```
+
+This hook will manage the locale detection for you and will return the content for the current locale. Using this hook, you will also be able to interpret markdown, manage pluralisation, and more.
+
+> To see all the features of Intlayer, you can read the [dictionary documentation](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/dictionary/get_started.md).
+
+## Distant content
+
+Intlayer allows you to declare content locally, and then export it to the CMS to make it editable by your non-technical team.
+
+Thus, you will be able to push and pull content from the CMS to your application, in a similar way to what you do with Git for your code.
+
+If configured on your project, Intlayer will automatically manage the fetching of the content from the CMS when the application starts (dev) / builds (prod).
+
+## Visual editor
+
+Intlayer also provides a visual editor to allow you to edit your content in a visual way. This [visual editor](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/intlayer_visual_editor.md) is available in the external `intlayer-editor` package.
+
+![visual editor](https://github.com/aymericzip/intlayer/blob/main/docs/assets/visual_editor.gif)
+
+## App build optimisation
+
+To optimise the bundle size of your application, Intlayer provides two plugins to optimise the build of your application: `@intlayer/babel` and `@intlayer/swc` plugins.
+
+In development mode, Intlayer uses a centralised static import for dictionaries to simplify the development experience.
+
+By optimising the build, Intlayer will replace all calls of dictionaries to optimise chunking. That way the final bundle will import only the dictionaries that are used.
+
+By activating the option `activateDynamicImport` in the [configuration](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/configuration.md), Intlayer will use the dynamic import to load the dictionaries. This option is disabled by default to avoid asynchronous processing when rendering the application.
+
+> `@intlayer/babel` is available by default on `vite-intlayer` package,
+
+> `@intlayer/swc` is not installed by default on `next-intlayer` package as SWC plugins are still experimental on Next.js.
+
+To see how to configure the build of your application, you can read the [configuration documentation](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/configuration.md).
+
+## Packages
+
+Intlayer is composed of several packages, each with a specific role in the translation process. Here is a graphical representation of the structure of this package:
+
+![packages of intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/assets/packages_dependency_graph.svg)
+
+### intlayer
+
+The `intlayer` package is used in applications to declare content in content files.
+
+### react-intlayer
+
+The `react-intlayer` package is used to interpret Intlayer dictionaries and make them usable in React applications.
+
+### next-intlayer
+
+The `next-intlayer` package is used as a layer on top of `react-intlayer` to make Intlayer dictionaries usable in Next.js applications. It integrates essential features to make Intlayer work in a Next.js environment, such as translation middleware, routing, or the `next.config.js` file configuration.
+
+### vue-intlayer
+
+The `vue-intlayer` package is used to interpret Intlayer dictionaries and make them usable in Vue applications.
+
+### svelte-intlayer (WIP)
+
+The `svelte-intlayer` package is used to interpret Intlayer dictionaries and make them usable in Svelte applications.
+
+### solid-intlayer (WIP)
+
+The `solid-intlayer` package is used to interpret Intlayer dictionaries and make them usable in Solid.js applications.
+
+### preact-intlayer
+
+The `preact-intlayer` package is used to interpret Intlayer dictionaries and make them usable in Preact applications.
+
+### angular-intlayer (WIP)
+
+The `angular-intlayer` package is used to interpret Intlayer dictionaries and make them usable in Angular applications.
+
+### express-intlayer
+
+The `express-intlayer` package is used to use Intlayer on an Express.js backend.
+
+### react-native-intlayer
+
+The `react-native-intlayer` package provides tools that integrate plugins for Intlayer to work with the Metro bundler.
+
+### lynx-intlayer
+
+The `lynx-intlayer` package provides tools that integrate plugins for Intlayer to work with the Lynx bundler.
+
+### vite-intlayer
+
+Includes the Vite plugin for integrating Intlayer with the [Vite bundler](https://vite.dev/guide/why.html#why-bundle-for-production), as well as middleware for detecting the user's preferred locale, managing cookies, and handling URL redirection.
+
+### react-scripts-intlayer
+
+### intlayer-editor
+
+The `intlayer-editor` package is used to enable the use of the visual editor. This package, which is optional, can be installed in applications and will be used by the `react-intlayer` package.  
+It consists of two parts: the server and the client.
+
+The client contains UI elements that will be used by `react-intlayer`.
+
+The server, based on Express, is used to receive the visual editor requests and manage or modify content files.
+
+### intlayer-cli
+
+The `intlayer-cli` package can be used to generate dictionaries using the `npx intlayer dictionaries build` command. If `intlayer` is already installed, the CLI is automatically installed, and this package is not necessary.
+
+### @intlayer/core
+
+The `@intlayer/core` package is the master Intlayer package. It contains translation and dictionary management functions. `@intlayer/core` is multi-platform and is used by other packages to perform interpretation of dictionaries.
+
+### @intlayer/config
+
+The `@intlayer/config` package is used to configure Intlayer settings, such as available languages, Next.js middleware parameters, or the integrated editor settings.
+
+### @intlayer/webpack
+
+The `@intlayer/webpack` package is used to provide a Webpack configuration to make a Webpack-based application work with Intlayer. The package also provides a plugin to add to an existing Webpack application.
+
+### @intlayer/cli
+
+The `@intlayer/cli` package is an NPM package that is used to declare the scripts related to the Intlayer command line interfaces. It ensures the uniformity of all Intlayer CLI commands. This package is notably consumed by the [intlayer-cli](https://github.com/aymericzip/intlayer/tree/main/docs/en-GB/packages/intlayer-cli/index.md), and the [intlayer](https://github.com/aymericzip/intlayer/tree/main/docs/en-GB/packages/intlayer/index.md) packages.
+
+### @intlayer/dictionaries-entry & @intlayer/unmerged-dictionaries-entry & @intlayer/dynamic-dictionaries-entry
+
+The `@intlayer/dictionaries-entry`, `@intlayer/unmerged-dictionaries-entry` and `@intlayer/dynamic-dictionaries-entry` packages return the entry path of the Intlayer dictionaries. Since searching the filesystem from the browser is impossible, using bundlers like Webpack or Rollup to retrieve the entry path of the dictionaries is not possible. These packages are designed to be aliased, allowing for bundling optimisation across various bundlers such as Vite, Webpack, and Turbopack.
+
+### @intlayer/chokidar
+
+The `@intlayer/chokidar` package is used to monitor content files and regenerate the modified dictionary at each modification.
+
+### @intlayer/editor
+
+The `@intlayer/editor` package provides the utilities related to the dictionary editor. It notably includes the API to interface an application with the Intlayer editor, and utilities to manipulate dictionaries. This package is cross-platform.
+
+### @intlayer/editor-react
+
+The `@intlayer/editor-react` package provides states, contexts, hooks and components to interface a React application with the Intlayer editor.
+
+### @intlayer/babel
+
+The `@intlayer/babel` package provides tools that optimise bundling of dictionaries for Vite and Webpack-based applications.
+
+### @intlayer/swc (WIP)
+
+The `@intlayer/swc` package provides tools that optimise bundling of dictionaries for Next.js applications.
+
+### @intlayer/api
+
+The `@intlayer/api` package is an API SDK to interact with the backend.
+
+### @intlayer/design-system
+
+The `@intlayer/design-system` package is used to share design elements between the CMS and Visual editor.
+
+### @intlayer/backend
+
+The `@intlayer/backend` package exports backend types and will eventually offer the backend as a standalone package in the future.
+
+## Chat with our smart documentation
+
+- [Ask your questions to our smart documentation](https://intlayer.org/en-GB/doc/chat)

package/en-GB/index.md

@@ -0,0 +1,142 @@
+# Intlayer Documentation
+
+Welcome to the official **Intlayer** documentation! Here, you'll find everything you need to integrate, configure, and master Intlayer for all your internationalization (i18n) needs, whether you’re working with **Next.js**, **React**, **Vite**, **Express**, or another JavaScript environment.
+
+Intlayer offers a flexible, modern approach to translating your application. Our docs will guide you from installation and setup through advanced features like **AI-powered translation**, **TypeScript** definitions, and **server component** support, empowering you to create a seamless, multilingual experience.
+
+---
+
+## Getting Started
+
+- **[Introduction](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/introduction.md)**  
+  Get an overview of how Intlayer works, its core features, and why it’s a game-changer for i18n.
+
+- **[How Intlayer Works](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/how_works_intlayer.md)**  
+  Dive into the architectural design and learn how Intlayer handles everything from content declaration to translation delivery.
+
+- **[Configuration](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/configuration.md)**  
+  Customize Intlayer to suit your project’s needs. Explore middleware options, directory structures, and advanced settings.
+
+- **[Intlayer CLI](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/intlayer_cli.md)**  
+  Manage content and translations using our command-line tool. Discover how to push and pull content, automate translations, and more.
+
+- **[Intlayer Editor](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/intlayer_visual_editor.md)**  
+  Simplify collaboration with non-developers and power your translations with AI, directly in our free, intuitive CMS.
+
+---
+
+## Core Concepts
+
+### Dictionary
+
+Organise your multilingual content close to your code to keep everything consistent and maintainable.
+
+- **[Get Started](https://github.com/aymericzip/intlayer/blob/main/docs/en/dictionary/get_started.md)**  
+  Learn the basics of declaring your content in Intlayer.
+
+- **[Translation](https://github.com/aymericzip/intlayer/blob/main/docs/en/dictionary/translation.md)**  
+  Understand how translations are generated, stored, and utilized in your application.
+
+- **[Enumeration](https://github.com/aymericzip/intlayer/blob/main/docs/en/dictionary/enumeration.md)**  
+  Easily manage repeated or fixed sets of data across various languages.
+
+- **[Condition](https://github.com/aymericzip/intlayer/blob/main/docs/en/dictionary/conditional.md)**  
+  Learn how to use conditional logic in Intlayer to create dynamic content.
+
+- **[Insertion](https://github.com/aymericzip/intlayer/blob/main/docs/en/dictionary/insertion.md)**
+  Discover how to insert values in a string using insertion placeholders.
+
+- **[Function Fetching](https://github.com/aymericzip/intlayer/blob/main/docs/en/dictionary/function_fetching.md)**  
+  See how to dynamically fetch content with custom logic to match your project’s workflow.
+
+- **[Markdown](https://github.com/aymericzip/intlayer/blob/main/docs/en/dictionary/markdown.md)**  
+  Learn how to use Markdown in Intlayer to create rich content.
+
+- **[File embeddings](https://github.com/aymericzip/intlayer/blob/main/docs/en/dictionary/file_embeddings.md)**  
+  Discover how to embed externals files in Intlayer to use them in the content editor.
+
+- **[Nesting](https://github.com/aymericzip/intlayer/blob/main/docs/en/dictionary/nesting.md)**  
+  Understand how to nest content in Intlayer to create complex structures.
+
+---
+
+## Environments & Integrations
+
+We’ve built Intlayer with flexibility in mind, offering seamless integration across popular frameworks and build tools:
+
+- **[Intlayer with Next.js 15](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/intlayer_with_nextjs_15.md)**
+- **[Intlayer with Next.js 14 (App Router)](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/intlayer_with_nextjs_14.md)**
+- **[Intlayer with Next.js Page Router](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/intlayer_with_nextjs_page_router.md)**
+- **[Intlayer with React CRA](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/intlayer_with_create_react_app.md)**
+- **[Intlayer with Vite + React](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/intlayer_with_vite+react.md)**
+- **[Intlayer with React Native and Expo](https://github.com/aymericzip/intlayer/blob/main/docs/en/intlayer_with_react_native+expo.md)**
+- **[Intlayer with Lynx and React](https://github.com/aymericzip/intlayer/blob/main/docs/en/intlayer_with_lynx+react.md)**
+- **[Intlayer with Express](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/intlayer_with_express.md)**
+
+Each integration guide includes best practices for using Intlayer’s features, like **server-side rendering**, **dynamic routing**, or **client-side rendering**, so you can maintain a fast, SEO-friendly, and highly scalable application.
+
+---
+
+## Packages
+
+Intlayer’s modular design offers dedicated packages for specific environments and needs:
+
+### `intlayer`
+
+Core utility functions to configure and manage your i18n setup.
+
+- **[getConfiguration](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/intlayer/getConfiguration.md)**
+- **[getHTMLTextDir](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/intlayer/getHTMLTextDir.md)**
+- **[getLocaleLang](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/intlayer/getLocaleLang.md)**
+- **[getLocaleName](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/intlayer/getLocaleName.md)**
+- **[getLocalizedUrl](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/intlayer/getLocalizedUrl.md)**
+- **[getMultilingualUrls](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/intlayer/getMultilingualUrls.md)**
+- **[getPathWithoutLocale](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/intlayer/getPathWithoutLocale.md)**
+- **[getTranslation](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/intlayer/getTranslation.md)**
+- **[getEnumeration](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/intlayer/getEnumeration.md)**
+
+### `express-intlayer`
+
+Leverage Intlayer within **Express**-based apps:
+
+- **[t](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/express-intlayer/t.md)**  
+  A minimal, straightforward translation helper for your server routes and views.
+
+### `react-intlayer`
+
+Enhance your **React** applications with powerful hooks:
+
+- **[t](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/react-intlayer/t.md)**
+- **[useIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/react-intlayer/useIntlayer.md)**
+- **[useDictionary](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/react-intlayer/useDictionary.md)**
+- **[useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/react-intlayer/useLocale.md)**
+
+### `next-intlayer`
+
+Seamlessly integrate with **Next.js**:
+
+- **[t](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/next-intlayer/t.md)**
+- **[useIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/next-intlayer/useIntlayer.md)**
+- **[useDictionary](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/next-intlayer/useDictionary.md)**
+- **[useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/packages/next-intlayer/useLocale.md)**
+
+---
+
+## Additional Resources
+
+- **[Blog: Intlayer and i18next](https://github.com/aymericzip/intlayer/blob/main/docs/en-GB/intlayer_with_i18next.md)**  
+  Learn how Intlayer complements and compares with the popular **i18next** library.
+
+- **[Live Tutorial on YouTube](https://youtu.be/W2G7KxuSD4c?si=GyU_KpVhr61razRw)**  
+  Watch a comprehensive demo and learn how to integrate Intlayer in real-time.
+
+---
+
+## Contributing & Feedback
+
+We value the power of open-source and community-driven development. If you’d like to propose improvements, add a new guide, or correct any issues in our docs, feel free to submit a Pull Request or open an issue on our [GitHub repository](https://github.com/aymericzip/intlayer/blob/main/docs).
+
+**Ready to translate your application faster and more efficiently?** Dive into our docs to start using Intlayer today. Experience a robust, streamlined approach to internationalisation that keeps your content organised and your team more productive.
+
+Happy translating!  
+, The Intlayer Team