Internationalize (i18n) your website React and Next.js easily
Intlayer is an internationalization library designed specifically for JavaScript developers. It allows the declaration of your content throughout your code. It converts multilingual content declarations into structured dictionaries, making integration easy. Using TypeScript, Intlayer strengthens your development and enhances efficiency.
Why to chose Inlyayer?
Free and Open Source
Intlayer is free and open source, allowing you to use it for free and contribute to suit your needs.
JavaScript-Powered Content Management
Harness the flexibility of JavaScript to define and manage your content efficiently.
Type-Safe Environment
Leverage TypeScript to ensure all your content definitions are precise and error-free.
Declaration at the component level
Keep your translations close to their respective components, enhancing maintainability and clarity.
Simplified Setup
Get up and running quickly with minimal configuration, especially optimized for Next.js projects.
Integrated CMS
Edit your content on your website with an integrated CMS directly on your website. Boost content generation thanks to AI.
Available on
1// src/component/client/component.content.ts
2
3import { t, type DeclarationContent } from "intlayer";
4
5const componentContent = {
6 key: "component",
7 content: {
8 title: t({
9 en: "Title of my component",
10 fr: "Titre de mon component",
11 es: "Título de mi componente",
12 }),
13 content:
14 "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
15 },
16} satisfies DeclarationContent;
17
18export default componentContent;