Skip to main content
Glama

Intlayer

Watch the video

What is Intlayer?

Most i18n libraries are either too complex, too rigid, or not built for modern frameworks.

Intlayer is a modern i18n solution for web and mobile apps.
It’s framework-agnostic, AI-powered, and includes a free CMS & visual editor.

With per-locale content files, TypeScript autocompletion, tree-shakable dictionaries, and CI/CD integration, Intlayer makes internationalization faster, cleaner, and smarter.

Keys benefits of Intlayer:

Feature

Description

Cross-Frameworks Support

Intlayer is compatible with all major frameworks and libraries, including Next.js, React, Vite, Vue.js, Nuxt, Preact, Express, and more.

JavaScript-Powered Content Management

Harness the flexibility of JavaScript to define and manage your content efficiently.

-

Content declaration

Per-Locale Content Declaration File

Speed up your development by declaring your content once, before auto generation.

-

Per-Locale Content Declaration File

Type-Safe Environment

Leverage TypeScript to ensure your content definitions and code are error-free, while also benefiting from IDE autocompletion.

-

TypeScript configuration

Simplified Setup

Get up and running quickly with minimal configuration. Adjust settings for internationalization, routing, AI, build, and content handling with ease.

-

Explore Next.js integration

Simplified Content Retrieval

No need to call your

t

function for each piece of content. Retrieve all your content directly using a single hook.

-

React integration

Consistent Server Component Implementation

Perfectly suited for Next.js server components, use the same implementation for both client and server components, no need to pass your

t

function across each server component.

-

Server Components

Organized Codebase

Keep your codebase more organized: 1 component = 1 dictionary in the same folder. Translations close to their respective components, enhance maintainability and clarity.

-

How Intlayer works

Enhanced Routing

Full support of app routing, adapting seamlessly to complex application structures, for Next.js, React, Vite, Vue.js, etc.

-

Explore Next.js integration

Markdown Support

Import and interpret, locale files and remote Markdown for multilingual content like privacy policies, documentation, etc. Interpret and make Markdown metadata accessible in your code.

-

Content files

Free Visual Editor & CMS

A free visual editor and CMS are available for content writers, removing the need for a localization platform. Keep your content synchronized using Git, or externalize it totally or partially with the CMS.

-

Intlayer Editor

-

Intlayer CMS

Tree-shakable Content

Tree-shakable content, reducing the size of the final bundle. Loads content per component, excluding any unused content from your bundle. Supports lazy loading to enhance app loading efficiency.

-

App build optimization

Static Rendering

Doesn't block Static Rendering.

-

Next.js integration

AI-Powered Translation

Transform your website into 231 languages with just one click using Intlayer's advanced AI-powered translation tools using your own AI provider / API key.

-

CI/CD integration

-

Intlayer CLI

-

Auto fill

MCP Server Integration

Provides an MCP (Model Context Protocol) server for IDE automation, enabling seamless content management and i18n workflows directly within your development environment.

-

MCP Server

VSCode Extension

Intlayer provides a VSCode extension to help you manage your content and translations, builting your dictionaries, translating your content, and more.

-

VSCode Extension

Interoperability

Allow interoperability with react-i18next, next-i18next, next-intl, and react-intl.

-

Intlayer and react-intl

-

Intlayer and next-intl

-

Intlayer and next-i18next


📦 Installation

Start your journey with Intlayer today and experience a smoother, more powerful approach to internationalization.

npm install intlayer react-intlayer

⚡ Quick Start (Next.js)

// intlayer.config.ts import { Locales, type IntlayerConfig } from "intlayer"; const config: IntlayerConfig = { internationalization: { locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH], defaultLocale: Locales.ENGLISH, }, }; export default config;
// app/home.content.ts import { t, type Dictionary } from "intlayer"; const content = { key: "home", content: { title: t({ en: "Home", fr: "Accueil", es: "Inicio", }), }, } satisfies Dictionary; export default content;
// app/page.tsx import { useIntlayer } from "react-intlayer"; const HomePage = () => { const { title } = useIntlayer("home"); return <h1>{title}</h1>; };

Get the full guide →

🎥 Live tutorial on YouTube

How to Internationalize your application using Intlayer

Table of Contents

Explore our comprehensive documentation to get started with Intlayer and learn how to integrate it into your projects.

🌐 Readme in other languages

🤝 Community

Intlayer is built with and for the community and we’d love your input!

You can also follow us on :

Contribution

For more detailed guidelines on contributing to this project, please refer to the CONTRIBUTING.md file. It contains essential information on our development process, commit message conventions, and release procedures. Your contributions are valuable to us, and we appreciate your efforts in making this project better!

Thank You for the Support

If you like Intlayer, give us a ⭐ on GitHub. It helps others discover the project! See why GitHub Stars matter.

Star History Chart

-
security - not tested
A
license - permissive license
-
quality - not tested

Mcp Server For Doc / Cli / Sdk Integration related to Intlayer i18n solution & CMS

  1. Keys benefits of Intlayer:
    1. 📦 Installation
      1. 🎥 Live tutorial on YouTube
        1. Table of Contents
          1. 🌐 Readme in other languages
            1. 🤝 Community
              1. Contribution
              2. Thank You for the Support

            Related MCP Servers

            • -
              security
              A
              license
              -
              quality
              An MCP server implementation that provides tools for retrieving and processing documentation through vector search, enabling AI assistants to augment their responses with relevant documentation context. Uses Ollama or OpenAI to generate embeddings. Docker files included
              Last updated -
              12
              23
              MIT License
              • Apple
              • Linux
            • -
              security
              F
              license
              -
              quality
              An MCP server that provides AI tools with access to Rust documentation from docs.rs, enabling search for crates, documentation, type information, feature flags, version information, and source code.
              Last updated -
              28
            • -
              security
              A
              license
              -
              quality
              An MCP server that provides tools to load and fetch documentation from any llms.txt source, giving users full control over context retrieval for LLMs in IDE agents and applications.
              Last updated -
              752
              MIT License
              • Apple
            • A
              security
              F
              license
              A
              quality
              An MCP server that fetches real-time documentation for popular libraries like Langchain, Llama-Index, MCP, and OpenAI, allowing LLMs to access updated library information beyond their knowledge cut-off dates.
              Last updated -
              1
              2

            View all related MCP servers

            MCP directory API

            We provide all the information about MCP servers via our MCP API.

            curl -X GET 'https://glama.ai/api/mcp/v1/servers/aymericzip/intlayer'

            If you have feedback or need assistance with the MCP directory API, please join our Discord server