intlayer-usage

Original：🇺🇸 English
Translated

Provides general guidelines for using Intlayer in any project. Use when the user asks to "get started with Intlayer", "declare content files", or understand the "project structure" for internationalization.

3installs
Sourceaymericzip/intlayer-skills
Added on

NPX Install

npx skill4agent add aymericzip/intlayer-skills intlayer-usage

Tags

Translated version includes tags in frontmatter
intlayer-usagefrontend-internationalizationreact-intlayervite-intlayercli-commands

SKILL.md Content

View Translation Comparison →

Intlayer Usage

To use Intlayer effectively:
  1. Retrieve Locales: Check 
    intlayer.config.{ts,js,json,json5,jsonc,cjs,mjs}
    , 
    .intlayerrc
    to see the configured locales.
  2. Declare Content: We recommend creating one content declaration file per component, located alongside the component file. This keeps translations close to the code.
  3. Consume Content: Use the provided hooks and functions to access your content.
    • Intlayer Exports
    • React Intlayer Exports
    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.
  4. CLI Commands: Useful commands for managing your content:
    • npx intlayer build
      : Build the dictionaries from your content declarations.

References

  • Website
  • Doc
  • Get Started
  • How Intlayer Works
  • Why Intlayer
  • Per-locale File