intlayer-usage
Intlayer Usage
To use Intlayer effectively:
-
Retrieve Locales: Check
intlayer.config.{ts,js,json,json5,jsonc,cjs,mjs},.intlayerrcto see the configured locales. -
Declare Content: We recommend creating one content declaration file per component, located alongside the component file. This keeps translations close to the code.
-
Consume Content: Use the provided hooks and functions to access your content.
Common Packages:
intlayer: Core package for content declaration and utility functions.react-intlayer: React components and hooks (e.g.,useIntlayer).vite-intlayer: Vite plugin for integration.
-
CLI Commands: Useful commands for managing your content:
npx intlayer build: Build the dictionaries from your content declarations.
References
More from aymericzip/intlayer-skills
intlayer-react
Integrates Intlayer internationalization with React component. Use when the user asks to "setup React i18n", create a new translated component, use the "useIntlayer" hook, or configure providers.
23intlayer-config
Configures Intlayer project settings and environment variables. Use when the user asks to "setup intlayer.config", "configure locales", or "customize Intlayer settings".
21intlayer-content
Define rich content structures using Intlayer content nodes. Use when the user asks to "create translations", "handle pluralization", "use markdown in content", or implement "conditional content".
21intlayer-cli
Manages Intlayer dictionaries and configuration via the Command Line Interface. Use when the user asks to "audit translations", "build dictionaries", "sync content", or run "intlayer" commands.
16intlayer-compiler
Intlayer Compiler setup and usage. Configures automatic content extraction for your components without the need to define .content files manually.
15intlayer-next-js
Integrates Intlayer internationalization with Next.js App Router and Pages Router. Use when the user asks to "setup Next.js i18n", use "useIntlayer" in Server Components, or handle client-side translations in Next.js.
13