Skip to content

Internationalisation solution for JS application focusing on scalability. Make your JavaScript / TypeScript application multilingue.

License

Notifications You must be signed in to change notification settings

aymericzip/intlayer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

npm monthly downloads types included

Intlayer LinkedIn Intlayer Facebook Intlayer Instagram Intlayer X Intlayer YouTube Intlayer TikTok

Intlayer: A tailored way to translate your website

Intlayer offers a more flexible and modern approach to internationalization (i18n). Its seamless integration with Next.js, React, Vite and Express, customizable configuration, and support for various Content declaration formats, such as TypeScript make it a powerful choice for internationalization.

Watch the video

Key Benefits of Intlayer:

Feature Description
Feature Cross-Frameworks Support

Intlayer is compatible with all major frameworks and libraries, including Next.js, React, Vite, Vue.js, Preact, Express, and more.
Feature JavaScript-Powered Content Management

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

- Content declaration
Feature Per-Locale Content Declaration File

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

- Per-Locale Content Declaration File
Feature Type-Safe Environment

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

- TypeScript configuration
Feature 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
Feature 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
Feature 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
Feature 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
Feature 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
Feature 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
Feature 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
Feature 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
Feature Static Rendering

Doesn't block Static Rendering.

- Next.js integration
Feature 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
Feature 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
Feature 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

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


Table of Contents

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

Get Started

Concept

Environment

Blog


Live tutorial on YouTube

How to Internationalize your application using Intlayer

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!

About

Internationalisation solution for JS application focusing on scalability. Make your JavaScript / TypeScript application multilingue.

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

Contributors 4

  •  
  •  
  •  
  •