Comenzando la Gestion de tu Contenido

Configuración de Intlayer para tu proyecto

Instalar el Paquete

Instala los paquetes necesarios usando npm:

npm install intlayer

yarn add intlayer

pnpm add intlayer

Gestiona tu Contenido

Crea y gestiona tus diccionarios de contenido:

Usando TypeScript

// src/app/[locale]/page.content.ts
import { t, enu, type DeclarationContent } from "intlayer";

const pageContent = {
  key: "page",
  content: {
    getStarted: {
      main: t({
        en: "Get started by editing",
        fr: "Commencez par éditer",
        es: "Comience por editar",
      }),
      pageLink: "src/app/page.tsx",
    },
    nestedContent: {
      id: "enumeration",
      numberOfCar: enu({
        "<-1": "Menos de menos un coche",
        "-1": "Menos un coche",
        "0": "Sin coches",
        "1": "Un coche",
        ">5": "Algunos coches",
        ">19": "Muchos coches",
      }),
    },
  },
} satisfies DeclarationContent;

// El contenido debe ser exportado por defecto
export default pageContent;

Usando módulos ECMAScript

// src/app/[locale]/page.content.mjs

import { t } from "intlayer";

/** @type {import('intlayer').DeclarationContent} */
const pageContent = {
  id: "page",
  getStarted: {
    main: t({
      en: "Get started by editing",
      fr: "Commencez par éditer",
      es: "Comience por editar",
    }),
    pageLink: "src/app/page.tsx",
  },
  nestedContent: {
    id: "enumeration",
    numberOfCar: enu({
      "<-1": "Menos de menos un coche",
      "-1": "Menos un coche",
      0: "Sin coches",
      1: "Un coche",
      ">5": "Algunos coches",
      ">19": "Muchos coches",
    }),
  },
};

// El contenido debe ser exportado por defecto
export default pageContent;

Usando módulos CommonJS

// src/app/[locale]/page.content.cjs

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

/** @type {import('intlayer').DeclarationContent} */
const pageContent = {
  id: "page",
  getStarted: {
    main: t({
      en: "Get started by editing",
      fr: "Commencez par éditer",
      es: "Comience por editar",
    }),
    pageLink: "src/app/page.tsx",
  },
  nestedContent: {
    id: "enumeration",
    numberOfCar: enu({
      "<-1": "Menos de menos un coche",
      "-1": "Menos un coche",
      0: "Sin coches",
      1: "Un coche",
      ">5": "Algunos coches",
      ">19": "Muchos coches",
    }),
  },
};

// El contenido debe ser exportado por defecto
module.exports = pageContent;

Usando JSON

// src/app/[locale]/page.content.json

{
  id: "page",
  getStarted: {
    main: {
      nodeType: "translation",
      en: "Get started by editing",
      fr: "Commencez par éditer",
      es: "Comience por editar",
    },
    pageLink: "src/app/page.tsx",
  },
  nestedContent: {
    id: "enumeration",
    nodeType: "enumeration",
    numberOfCar: {
      "<-1": "Menos de menos un coche",
      "-1": "Menos un coche",
      "0": "Sin coches",
      "1": "Un coche",
      ">5": "Algunos coches",
      ">19": "Muchos coches",
    },
  },
}

Advertencia, la declaración de contenido JSON hace imposible implementar funciones de obtención