Intlayer

https://intlayer.org/pt/doc
Admin
Intlayer is an internationalization library for JavaScript developers that enables multilingual...
Tokens:307,021
Snippets:1,987
Trust Score:7.2
Update:7 months ago
Show doc for...
Tokens:
Raw
### Start Intlayer Live Sync Server with Next.js

Source: https://intlayer.org/pt/doc/concept/cms

Configure the `package.json` scripts to start the Intlayer Live Sync server when running a Next.js application. The `start` script uses `npx intlayer live --process 'next start'` to initiate the live sync process alongside the Next.js production server.

```json
{
  "scripts": {
    // ... outros scripts
    "build": "next build",
    "dev": "next dev",
    "start": "npx intlayer live --process 'next start'",
  },
}
```

--------------------------------

### Start Intlayer Editor with Environment Name (npm, yarn, pnpm)

Source: https://intlayer.org/pt/doc/concept/editor

Starts the Intlayer editor and specifies the environment name to use. This allows for dynamic environment selection without needing a dedicated file for each. The environment name corresponds to a configuration section within the Intlayer setup.

```bash
npx intlayer-editor start -e development
```

```bash
yarn intlayer-editor start -e development
```

```bash
pnpm intlayer-editor start -e development
```

--------------------------------

### Intlayer Configuration Example

Source: https://intlayer.org/pt/doc/concept/configuration

This example demonstrates how to configure Intlayer with various properties like provider, model, and API key. It highlights the use of environment variables for sensitive information like API keys.

```javascript
import { Intlayer } from '@intlayer/core';

const intlayer = new Intlayer({
  provider: 'openai',
  model: 'gpt-4o-2024-11-20',
  temperature: 0.7,
  apiKey: process.env.OPENAI_API_KEY,
  applicationContext: 'Your application context here',
  baseURL: 'https://api.openai.com/v1',
  dataSerialization: 'json'
});

console.log('Intlayer configured successfully.');
```

--------------------------------

### Start Intlayer Live Sync Server with Vite

Source: https://intlayer.org/pt/doc/concept/cms

Configure the `package.json` scripts for a Vite project to include commands for building and development. While the provided snippet is incomplete for the 'start' command related to Live Sync, it shows the standard build and dev scripts for Vite.

```json
{
  "scripts": {
    // ... outros scripts
    "build": "vite build",
    "dev": "vite dev",

```

--------------------------------

### Install and Run Intlayer MCP Server via CLI

Source: https://intlayer.org/pt/doc/mcp-server

These bash commands demonstrate how to install the Intlayer MCP server globally using npm or run it directly using npx. Using npx is recommended for ease of use and avoiding global installations.

```bash
# Instalar globalmente
npm install -g @intlayer/mcp

# Ou usar diretamente com npx (recomendado)
npx @intlayer/mcp
```

--------------------------------

### Start Intlayer Editor with Environment File (npm, yarn, pnpm)

Source: https://intlayer.org/pt/doc/concept/editor

Starts the Intlayer editor using a specific environment file. This is useful for managing different configurations for development and production. The environment file should be located in the project's root directory.

```bash
npx intlayer-editor start -f .env.development
```

```bash
yarn intlayer-editor start -f .env.development
```

```bash
pnpm intlayer-editor start -f .env.development
```

--------------------------------

### Install Intlayer Dependencies with bun

Source: https://intlayer.org/pt/doc/environment/nextjs/compiler

Installs the core Intlayer package, the Next.js integration package, and the Babel plugin for Intlayer using bun. It also initializes Intlayer.

```bash
bun add intlayer next-intlayer
bun add @intlayer/babel --dev
bunx intlayer init
```

--------------------------------

### Install Intlayer Dependencies with npm

Source: https://intlayer.org/pt/doc/environment/nextjs/compiler

Installs the core Intlayer package, the Next.js integration package, and the Babel plugin for Intlayer using npm. It also initializes Intlayer.

```bash
npm install intlayer next-intlayer
npm install @intlayer/babel --save-dev
npx intlayer init
```

--------------------------------

### Example: Translate Content with AI

Source: https://intlayer.org/pt/doc/concept/cli/fill

An example command demonstrating how to translate content using the Intlayer CLI. It specifies the files to process, source and output locales, and the AI model to be used for translation.

```bash
npx intlayer fill --file src/home/*.content.ts --source-locale en --output-locales fr es --model gpt-3.5-turbo
```

--------------------------------

### Install Intlayer Packages with npm

Source: https://intlayer.org/pt/doc/environment/tanstack-start

Installs the core 'intlayer' package, the 'react-intlayer' package for React integration, and the 'vite-intlayer' development dependency for Vite projects. It also initializes Intlayer.

```bash
npm install intlayer react-intlayer
npm install vite-intlayer --save-dev
npx intlayer init
```

--------------------------------

### Install Intlayer Packages with bun

Source: https://intlayer.org/pt/doc/environment/tanstack-start

Installs the core 'intlayer' package, the 'react-intlayer' package for React integration, and the 'vite-intlayer' development dependency for Vite projects using bun. It also initializes Intlayer.

```bash
bun add intlayer react-intlayer
bun add vite-intlayer --dev
bunx intlayer init
```

--------------------------------

### Intlayer Configuration File Setup

Source: https://intlayer.org/pt/doc/environment/tanstack-start

Defines the internationalization settings for the project, including the default locale and a list of supported locales. This file is crucial for configuring Intlayer's behavior.

```typescript
import type { IntlayerConfig } from "intlayer";

import { Locales } from "intlayer";

const config: IntlayerConfig = {
  internationalization: {
    defaultLocale: Locales.ENGLISH,
    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
  },
};

export default config;
```

--------------------------------

### Applying Custom Instructions for Translation (CLI)

Source: https://intlayer.org/pt/doc/concept/cli/doc-translate

Provide custom instructions to guide the AI's translation behavior, such as formatting rules or specific content handling. Instructions can be provided directly or loaded from a file.

```bash
npx intlayer doc translate --custom-instructions "Evite traduzir URLs e mantenha o formato markdown"
```

```bash
npx intlayer doc translate --custom-instructions "$(cat ./instructions.md)"
```

--------------------------------

### Configure Intlayer Proxy for Locale Detection

Source: https://intlayer.org/pt/doc/environment/nextjs/no-locale-path

Provides examples for configuring the Intlayer proxy to automatically detect the user's preferred locale and redirect them accordingly. This setup is crucial for internationalized applications, ensuring users see content in their language. The `matcher` configuration defines which paths the proxy should intercept.

```typescript
export { intlayerProxy as proxy } from "next-intlayer/proxy";

export const config = {
  matcher:
    "/((?!api|static|assets|robots|sitemap|sw|service-worker|manifest|.*\\..*|_next).*) ",
};

```

```esm
export { intlayerProxy as proxy } from "next-intlayer/proxy";

export const config = {
  matcher:
    "/((?!api|static|assets|robots|sitemap|sw|service-worker|manifest|.*\\..*|_next).*) ",
};

```

```commonjs
const { intlayerProxy } = require("next-intlayer/proxy");

const config = {
  matcher:
    "/((?!api|static|assets|robots|sitemap|sw|service-worker|manifest|.*\\..*|_next).*) ",
};

module.exports = { proxy: intlayerProxy, config };

```

--------------------------------

### Declare Content Declarations in CommonJS

Source: https://intlayer.org/pt/doc/environment/vite-and-preact

This snippet illustrates content declaration for translations using the CommonJS module format with Intlayer. It mirrors the structure of the ESM and TypeScript examples, suitable for Node.js environments. Ensure 'intlayer' is installed.

```javascript
const { t } = require("intlayer");
// const { h } = require('preact'); // Necessário se usar JSX diretamente em .cjs

/** @type {import('intlayer').Dictionary} */
const appContent = {
  key: "app",
  content: {
    viteLogo: t({
      en: "Vite logo",
      fr: "Logo Vite",
      es: "Logo Vite",
    }),
    preactLogo: t({
      en: "Preact logo",
      fr: "Logo Preact",
      es: "Logo Preact",
    }),

    title: "Vite + Preact",

    count: t({
      en: "count is ",
      fr: "le compte est ",
      es: "el recuento es ",
    }),

    edit: t({
      en: "Edit src/app.tsx and save to test HMR",
      fr: "Éditez src/app.tsx et enregistrez pour tester HMR",
      es: "Edita src/app.tsx y guarda para probar HMR",
    }),

    readTheDocs: t({
      en: "Click on the Vite and Preact logos to learn more",
      fr: "Cliquez sur les logos Vite et Preact pour en savoir plus",
      es: "Haga clic en los logotipos de Vite e Preact para saber mais",
    }),
  },
};

module.exports = appContent;
```

--------------------------------

### Install SDK CLI with npm, yarn, pnpm, or bun

Source: https://intlayer.org/pt/doc/concept/cli/sdk

Instala o pacote @intlayer/cli como dependência de desenvolvimento usando diferentes gerenciadores de pacotes. Certifique-se de ter o Node.js e o gerenciador de pacotes de sua preferência instalados.

```bash
npm install @intlayer/cli --save-dev
```

```bash
yarn add @intlayer/cli --save-dev
```

```bash
pnpm add @intlayer/cli --save-dev
```

```bash
bun add @intlayer/cli --dev
```

--------------------------------

### Change Locale in Svelte

Source: https://intlayer.org/pt/doc/environment/vite-and-svelte

Provides a Svelte component example for managing application locale. It uses 'useLocale' from 'svelte-intlayer' to get the current locale, available locales, and a function to set the locale. Includes a select dropdown for users to change the language.

```svelte
<script lang="ts">
import  { getLocaleName } from 'intlayer';
import { useLocale } from 'svelte-intlayer';

// Obter informações do locale e função setLocale
const { locale, availableLocales, setLocale } = useLocale();

// Manipular mudança de locale
const changeLocale = (event: Event) => {
  const target = event.target as HTMLSelectElement;
  const newLocale = target.value;
  setLocale(newLocale);
};
</script>

<div>
  <select value={$locale} on:change={changeLocale}>
    {#each availableLocales ?? [] as loc}
      <option value={loc}>
        {getLocaleName(loc)}
      </option>
    {/each}
  </select>
</div>
```

--------------------------------

### Install Intlayer CLI using bun

Source: https://intlayer.org/pt/doc/concept/cli

Instala o pacote intlayer-cli globalmente usando bun. Este pacote é necessário para usar os comandos do Intlayer CLI. Se o pacote 'intlayer' já estiver instalado, o CLI será instalado automaticamente.

```bash
bun add intlayer-cli -g
```

--------------------------------

### Declare Content with CommonJS (Intlayer)

Source: https://intlayer.org/pt/doc/environment/nextjs/next-with-page-router

This snippet illustrates content declaration using the CommonJS module system with Intlayer. It defines a dictionary for home page content, similar to the ESM example, including 'getStarted' text and a page link across various languages. Ensure 'intlayer' is installed.

```javascript
const { t } = require("intlayer");

/** @type {import('intlayer').Dictionary} */
const homeContent = {
  key: "home",
  content: {
    getStarted: {
      main: t({
        pt: "Comece editando esta página.",
        en: "Get started by editing this page.",
        fr: "Commencez par éditer cette page.",
        es: "Comience por editar esta página.",
      }),
      pageLink: "src/app/page.tsx",
    },
  },
};

module.exports = homeContent;
```

--------------------------------

### Install Intlayer CLI using npm

Source: https://intlayer.org/pt/doc/concept/cli

Instala o pacote intlayer-cli globalmente usando npm. Este pacote é necessário para usar os comandos do Intlayer CLI. Se o pacote 'intlayer' já estiver instalado, o CLI será instalado automaticamente.

```bash
npm install intlayer-cli -g
```

--------------------------------

### Install Intlayer CLI using pnpm

Source: https://intlayer.org/pt/doc/concept/cli

Instala o pacote intlayer-cli globalmente usando pnpm. Este pacote é necessário para usar os comandos do Intlayer CLI. Se o pacote 'intlayer' já estiver instalado, o CLI será instalado automaticamente.

```bash
pnpm add intlayer-cli -g
```

--------------------------------

### Install Intlayer CLI using yarn

Source: https://intlayer.org/pt/doc/concept/cli

Instala o pacote intlayer-cli globalmente usando yarn. Este pacote é necessário para usar os comandos do Intlayer CLI. Se o pacote 'intlayer' já estiver instalado, o CLI será instalado automaticamente.

```bash
yarn add intlayer-cli -g
```

--------------------------------

### Install Intlayer Dependencies with yarn

Source: https://intlayer.org/pt/doc/environment/nextjs/compiler

Installs the core Intlayer package, the Next.js integration package, and the Babel plugin for Intlayer using yarn. It also initializes Intlayer.

```bash
yarn add intlayer next-intlayer
yarn add @intlayer/babel --save-dev
yarn intlayer init
```

--------------------------------

### Usar o Argumento --skip-prepare para Build Intlayer

Source: https://intlayer.org/pt/doc/concept/cli/build

Este exemplo demonstra o uso do argumento `--skip-prepare` com o comando `intlayer build`. Ele serve para pular a etapa de preparação do build.

```bash
npx intlayer build --skip-prepare
```

--------------------------------

### Install Intlayer Dependencies with pnpm

Source: https://intlayer.org/pt/doc/environment/nextjs/compiler

Installs the core Intlayer package, the Next.js integration package, and the Babel plugin for Intlayer using pnpm. It also initializes Intlayer.

```bash
pnpm add intlayer next-intlayer
pnpm add @intlayer/babel --save-dev
pnpm intlayer init
```

--------------------------------

### Exemplo de Saída da Inicialização do Intlayer

Source: https://intlayer.org/pt/doc/concept/cli/init

Este é um exemplo da saída esperada ao executar o comando `npx intlayer init`. Ele mostra as etapas de verificação e configuração que o Intlayer realiza, como adicionar ao `.gitignore`, atualizar `tsconfig.json`, criar o arquivo de configuração e injetar importações em arquivos de configuração do Vite.

```bash
npx intlayer init
Verificando configuração do Intlayer...
✓ Adicionado .intlayer ao .gitignore
✓ Atualizado tsconfig.json para incluir os tipos do Intlayer
Criado intlayer.config.ts
✓ Importação injetada em vite.config.ts
✓ Inicialização do Intlayer concluída.

```

--------------------------------

### Install Sync JSON Plugin

Source: https://intlayer.org/pt/doc/plugin/sync-json

Installs the Intlayer Sync JSON plugin as a development dependency using either pnpm or npm.

```bash
pnpm add -D @intlayer/sync-json-plugin
# ou
npm i -D @intlayer/sync-json-plugin
```

--------------------------------

### Iniciar Live Sync com Comando npm

Source: https://intlayer.org/pt/doc/concept/cli/live

Este snippet demonstra como configurar um script npm para iniciar o Live Sync do Intlayer. Ele utiliza `npx` para executar o comando `intlayer live start` e especifica o comando de desenvolvimento do seu app (`next dev --turbopack`) para ser executado em conjunto.

```json
{
  "scripts": {
    "intlayer:live:start": "npx intlayer live start --with 'next dev --turbopack'"
  }
}
```

--------------------------------

### Exemplo de Saída do Processo de Preenchimento de Dicionário CLI

Source: https://intlayer.org/pt/doc/concept/cli/fill

Esta saída demonstra o fluxo de execução do comando 'npx intlayer fill'. Ela mostra a preparação do Intlayer, a detecção de dicionários afetados, o processamento de arquivos e locales em paralelo, a tradução e a escrita final das declarações de conteúdo. O processo é otimizado para velocidade e precisão.

```bash
npx intlayer fill

Preparing Intlayer (v7.5.14)
Done 76ms
@intlayer/ai found - Run process locally
Provider: (default) - Model: (default) - API Key: ✓
Affected dictionary keys for processing: app, comp-test, hello-world, lang-switcher
 - [comp-test]      No locales to fill, Skipping comp-test.content.json
 - [app]            Processing app.content.tsx
 - [app]            Filling missing metadata for app.content.tsx
 - [hello-world]    Processing test.content.ts
 - [hello-world]   [French (fr)]      Preparing test.content.ts
 - [hello-world]   [Spanish (es)]     Preparing test.content.ts
 - [lang-switcher]  Processing langSwitcher.content.ts
 - [lang-switcher]  Filling missing metadata for langSwitcher.content.ts
 - [hello-world]    Translation completed successfully for test.content.ts
 - [lang-switcher] [Spanish (es)]     Preparing langSwitcher.content.ts
 - [app]           [French (fr)]      Preparing app.content.tsx
 - [app]           [Spanish (es)]     Preparing app.content.tsx
 - [hello-world]    Content declaration written to test.content.ts
 - [app]            Translation completed successfully for app.content.tsx
 - [app]            Content declaration written to app.content.tsx
 - [lang-switcher]  Translation completed successfully for langSwitcher.content.ts
 - [lang-switcher]  Content declaration written to langSwitcher.content.ts
```

--------------------------------

### Install svelte-spa-router and Initialize Intlayer

Source: https://intlayer.org/pt/doc/environment/vite-and-svelte

These commands install the 'svelte-spa-router' package and initialize Intlayer. The installation command varies depending on the package manager used (npm, pnpm, yarn, bun). The 'intlayer init' command sets up necessary Intlayer configurations.

```bash
npm install svelte-spa-router
npx intlayer init
```

```bash
pnpm add svelte-spa-router
pnpm intlayer init
```

```bash
yarn add svelte-spa-router
yarn intlayer init
```

```bash
bun add svelte-spa-router
```

--------------------------------

### Install Intlayer Packages with yarn

Source: https://intlayer.org/pt/doc/environment/tanstack-start

Installs the core 'intlayer' package, the 'react-intlayer' package for React integration, and the 'vite-intlayer' development dependency for Vite projects using yarn. It also initializes Intlayer.

```bash
yarn add intlayer react-intlayer
yarn add vite-intlayer --save-dev
yarn intlayer init
```

--------------------------------

### Obter Configuração Intlayer CLI

Source: https://intlayer.org/pt/doc/concept/cli/configuration

O comando `configuration get` recupera a configuração atual do Intlayer, incluindo configurações de locale. Ele aceita argumentos como `--env`, `--env-file`, `--base-dir`, `--verbose`, e `--no-cache` para personalizar a operação.

```bash
npx intlayer configuration get

# Apelidos:
# npx intlayer config get
# npx intlayer conf get

# Argumentos:
# --env: Especifica o ambiente (ex: development, production).
# --env-file: Fornece um arquivo de ambiente personalizado para carregar variáveis.
# --base-dir: Especifica o diretório base para o projeto.
# --verbose: Ativa o log detalhado para depuração. (padrão para true usando CLI)
# --no-cache: Desativa o cache.
```

--------------------------------

### Install Intlayer Packages with pnpm

Source: https://intlayer.org/pt/doc/environment/tanstack-start

Installs the core 'intlayer' package, the 'react-intlayer' package for React integration, and the 'vite-intlayer' development dependency for Vite projects using pnpm. It also initializes Intlayer.

```bash
pnpm add intlayer react-intlayer
pnpm add vite-intlayer --save-dev
pnpm intlayer init
```

--------------------------------

### Inicializar Intlayer CLI

Source: https://intlayer.org/pt/doc/concept/cli/init

O comando `npx intlayer init` configura automaticamente o Intlayer no seu projeto, criando os arquivos e ajustes necessários. É a forma recomendada de começar com o Intlayer. Ele pode opcionalmente aceitar um argumento `--project-root` para especificar o diretório raiz do projeto.

```bash
npx intlayer init

```

```bash
npx intlayer init --project-root ./my-project

```

--------------------------------

### Executar Auditoria CLI Intlayer para Resumo Detalhado

Source: https://intlayer.org/pt/doc/testing

Comando para executar a auditoria CLI do Intlayer com a flag `--verbose`. Isso fornece um resumo legível por humanos das verificações de tradução, útil para depuração e relatórios em pipelines de CI.

```bash
npx intlayer content test --verbose
```

--------------------------------

### Enviar Configuração Intlayer CLI

Source: https://intlayer.org/pt/doc/concept/cli/configuration

O comando `configuration push` envia a configuração do projeto para o CMS e editor do Intlayer, habilitando o uso de dicionários remotos no Editor Visual. Argumentos como `--env`, `--env-file`, `--base-dir`, `--verbose`, e `--no-cache` podem ser utilizados.

```bash
npx intlayer configuration push

# Apelidos:
# npx intlayer config push
# npx intlayer conf push

# Argumentos:
# --env: Especifica o ambiente (ex: development, production).
# --env-file: Fornece um arquivo de ambiente personalizado para carregar variáveis.
# --base-dir: Especifica o diretório base para o projeto.
# --verbose: Ativa o log detalhado para depuração. (padrão para true usando CLI)
# --no-cache: Desativa o cache.
```

--------------------------------

### Iniciar o Editor Intlayer (CLI)

Source: https://intlayer.org/pt/doc/concept/editor

Comandos para iniciar o editor Intlayer usando diferentes gerenciadores de pacotes (npm, yarn, pnpm). O editor é iniciado com o comando `npx intlayer-editor start`.

```bash
npx intlayer-editor start
```

```bash
yarn intlayer-editor start
```

```bash
pnpm intlayer-editor start
```

--------------------------------

### Instalar @intlayer/svelte-compiler

Source: https://intlayer.org/pt/doc/lancamentos/v8

Instala o compilador Svelte do Intlayer usando npm. Esta é a primeira etapa para integrar o Intlayer com projetos Svelte.

```bash
npm install @intlayer/svelte-compiler
```

--------------------------------

### Install @solidjs/router

Source: https://intlayer.org/pt/doc/environment/vite-and-solid

Installs the necessary `@solidjs/router` package using npm. This package is required for implementing localized routing in your SolidJS application, enabling unique URLs for different languages.

```bash
npm install @solidjs/router

```

--------------------------------

### Executar Comandos Intlayer CLI com Husky (Bash)

Source: https://intlayer.org/pt/doc/concept/ci-cd

Define scripts bash para um hook de pré-push do Husky que garantem que os dicionários do Intlayer estejam atualizados e preenchem o conteúdo faltante antes de cada push. Suporta múltiplos diretórios base para diferentes aplicações.

```bash
npx intlayer build                          # Para garantir que os dicionários estejam atualizados
npx intlayer fill --unpushed --mode fill    # Apenas preenche o conteúdo faltante, não atualiza os existentes
```

```bash
# App 1
npx intlayer build --base-dir ./app1
npx intlayer fill --base-dir ./app1 --unpushed --mode fill

# App 2
npx intlayer build --base-dir ./app2
npx intlayer fill --base-dir ./app2 --unpushed --mode fill
```

--------------------------------

### Load Localized Content in Next.js Page (JSX/ESM)

Source: https://intlayer.org/pt/doc/packages/next-intlayer/useIntlayer

This example demonstrates loading localized content in a Next.js page using JSX and ECMAScript Modules (ESM). It mirrors the functionality of the TypeScript example, providing an alternative syntax for the same task.

```esm
import { ClientComponentExample } from "@components/ClientComponentExample";
import { ServerComponentExample } from "@components/ServerComponentExample";
import { IntlayerClientProvider } from "next-intlayer";
import { IntlayerServerProvider, useIntlayer } from "next-intlayer/server";

const HomePage = ({ locale }) => {
  const content = useIntlayer("homepage", locale);

  return (
    <>
      <p>{content.introduction}</p>
      <IntlayerClientProvider locale={locale}>
        <ClientComponentExample />
      </IntlayerClientProvider>
      <IntlayerServerProvider locale={locale}>
        <ServerComponentExample />
      </IntlayerServerProvider>
    </>
  );
};

```

--------------------------------

### Project File Structure for Intlayer

Source: https://intlayer.org/pt/doc/environment/nextjs/no-locale-path

This bash snippet illustrates the recommended file and directory structure for an Intlayer project. It includes source files for application layout, components (client and server), proxy, and configuration files like `intlayer.config.ts`, `next.config.ts`, `package.json`, and `tsconfig.json`.

```bash
. 
├── src
│   ├── app
│   │   ├── layout.tsx
│   │   ├── page.content.ts
│   │   └── page.tsx
│   ├── components
│   │   ├── clientComponentExample
│   │   │   ├── client-component-example.content.ts
│   │   │   └── ClientComponentExample.tsx
│   │   ├── localeSwitcher
│   │   │   ├── localeSwitcher.content.ts
│   │   │   └── LocaleSwitcher.tsx
│   │   └── serverComponentExample
│   │       ├── server-component-example.content.ts
│   │       └── ServerComponentExample.tsx
│   └── proxy.ts
├── intlayer.config.ts
├── next.config.ts
├── package.json
└── tsconfig.json
```

--------------------------------

### Configure Live Sync for Development (package.json)

Source: https://intlayer.org/pt/doc/concept/cms

This snippet shows how to configure your package.json scripts to enable Intlayer's Live Sync during development. It wraps your existing development server command (e.g., 'next dev' or 'vite dev') with the 'npx intlayer live' command, allowing for live updates.

```json
{
  "scripts": {
    "dev": "npx intlayer live --process 'next dev'"
  }
}
```

--------------------------------

### GDPR Compliant Configuration Example (TypeScript)

Source: https://intlayer.org/pt/doc/releases/v7

Provides a practical example of configuring Intlayer for GDPR compliance in production. It utilizes both localStorage for primary storage (not requiring consent) and a cookie for optional storage with specific attributes.

```typescript
// intlayer.config.ts
export default {
  internationalization: {
    locales: ["en", "fr", "es"],
    defaultLocale: "en",
  },
  routing: {
    mode: "prefix-no-default",
    storage: [
      {
        type: "localStorage", // Armazenamento principal (não requer consentimento)
        name: "user-locale",
      },
      {
        type: "cookie", // Armazenamento opcional em cookie (requer consentimento)
        name: "user-locale",
        secure: true,
        sameSite: "strict",
        httpOnly: false,
      },
    ],
  },
};
```

--------------------------------

### Install Intlayer SWC Plugin for Bundle Optimization

Source: https://intlayer.org/pt/doc/environment/nextjs/compiler

Instructions for installing the optional Intlayer SWC plugin to optimize bundle sizes in Next.js applications. This plugin intelligently replaces `useIntlayer` calls with macros, ensuring dictionaries are only included in bundles for pages that use them. It's available for Next.js 13 and above.

```bash
npm install @intlayer/swc --save-dev
```

```bash
pnpm add @intlayer/swc --save-dev
```

```bash
yarn add @intlayer/swc --save-dev
```

```bash
bun add @intlayer/swc --dev
```

--------------------------------

### Exemplo de Saída Formatada (CLI)

Source: https://intlayer.org/pt/doc/concept/cli/list

Demonstra a saída padrão do comando `npx intlayer content list`, mostrando uma lista legível de arquivos de declaração de conteúdo com suas chaves e caminhos relativos, além do total de arquivos encontrados.

```bash
npx intlayer content list

Content declaration files:
 - home-page        - src/components/HomePage/homePage.content.ts
 - server-component - src/components/ServerComponent/serverComponent.content.ts
 - client-component - src/components/ClientComponent/clientComponent.content.ts

Total de arquivos de declaração de conteúdo: 3
```
Tokens:
Raw