Dokumentasi Intlayer

Selamat datang di dokumentasi resmi Intlayer! Di sini, Anda akan menemukan segala yang Anda butuhkan untuk mengintegrasikan, mengonfigurasi, dan menguasai Intlayer untuk semua kebutuhan internasionalisasi (i18n) Anda, baik Anda bekerja dengan Next.js, React, Vite, Express, atau lingkungan JavaScript lainnya.

Pengenalan

Apa itu Intlayer?

Intlayer adalah pustaka internasionalisasi yang dirancang khusus untuk pengembang JavaScript. Ini memungkinkan deklarasi konten Anda di mana saja dalam kode Anda. Ini mengubah deklarasi konten multibahasa menjadi kamus terstruktur agar mudah diintegrasikan dalam kode Anda. Dengan menggunakan TypeScript, Intlayer membuat pengembangan Anda menjadi lebih kuat dan lebih efisien.

Intlayer juga menyediakan editor visual opsional yang memungkinkan Anda dengan mudah mengedit dan mengelola konten Anda. Editor ini sangat berguna bagi pengembang yang lebih suka antarmuka visual untuk manajemen konten, atau untuk tim yang menghasilkan konten tanpa harus khawatir tentang kode.

Contoh penggunaan

.└── Components    └── MyComponent        ├── index.content.ts        └── index.tsx

import { t, type Dictionary } from "intlayer";

const componentContent = {
  key: "component-key",
  content: {
    myTranslatedContent: t({
      en: "Hello World",
      es: "Hola Mundo",
      fr: "Bonjour le monde",
    }),
  },
} satisfies Dictionary;

// Ekspor konten komponen sebagai default
export default componentContent;

import type { FC } from "react";
import { useIntlayer } from "react-intlayer";

export const MyComponent: FC = () => {
  const { myTranslatedContent } = useIntlayer("component-key");

  return <span>{myTranslatedContent}</span>;
};

Fitur Utama

Intlayer menawarkan berbagai fitur yang disesuaikan untuk memenuhi kebutuhan pengembangan web modern. Berikut adalah fitur utama, dengan tautan ke dokumentasi rinci untuk masing-masing:

• Dukungan Internasionalisasi: Tingkatkan jangkauan global aplikasi Anda dengan dukungan bawaan untuk internasionalisasi.
• Editor Visual: Tingkatkan alur kerja pengembangan Anda dengan plugin editor yang dirancang untuk Intlayer. Lihat Panduan Editor Visual.
• Fleksibilitas Konfigurasi: Sesuaikan pengaturan Anda dengan opsi konfigurasi yang luas yang dijelaskan secara rinci dalam Panduan Konfigurasi.
• Alat CLI Lanjutan: Kelola proyek Anda dengan efisien menggunakan antarmuka baris perintah Intlayer. Jelajahi kemampuannya dalam Dokumentasi Alat CLI.

Konsep Inti

Kamus

Atur konten multibahasa Anda dekat dengan kode Anda untuk menjaga semuanya tetap konsisten dan mudah dipelihara.

• Memulai
  Pelajari dasar-dasar mendeklarasikan konten Anda di Intlayer.

• Terjemahan
  Pahami bagaimana terjemahan dibuat, disimpan, dan digunakan dalam aplikasi Anda.

• Enumerasi
  Kelola dengan mudah data yang berulang atau tetap di berbagai bahasa.

• Kondisi
  Pelajari cara menggunakan logika kondisional di Intlayer untuk membuat konten dinamis.

• Penyisipan
  Temukan cara menyisipkan nilai dalam string menggunakan placeholder penyisipan.

• Pengambilan Fungsi
  Lihat bagaimana mengambil konten secara dinamis dengan logika khusus untuk menyesuaikan alur kerja proyek Anda.

• Markdown
  Pelajari cara menggunakan Markdown di Intlayer untuk membuat konten yang kaya.

• Penyematan File
  Temukan cara menyematkan file eksternal di Intlayer untuk digunakan dalam editor konten.

• Nesting
  Pahami cara menyusun konten secara bersarang di Intlayer untuk membuat struktur yang kompleks.

Lingkungan & Integrasi

Kami membangun Intlayer dengan fleksibilitas dalam pikiran, menawarkan integrasi mulus di berbagai framework populer dan alat build:

• Intlayer dengan Next.js 16
• Intlayer dengan Next.js 15
• Intlayer dengan Next.js 14 (App Router)
• Intlayer dengan Next.js Page Router
• Intlayer dengan React CRA
• Intlayer dengan Vite + React
• Intlayer dengan React Router v7
• Intlayer dengan Tanstack Start
• Intlayer dengan React Native dan Expo
• Intlayer dengan Lynx dan React
• Intlayer dengan Vite + Preact
• Intlayer dengan Vite + Vue
• Intlayer dengan Nuxt
• Intlayer dengan Express
• Intlayer dengan NestJS
• Intlayer dengan Angular

Setiap panduan integrasi mencakup praktik terbaik untuk menggunakan fitur Intlayer, seperti server-side rendering, dynamic routing, atau client-side rendering, sehingga Anda dapat mempertahankan aplikasi yang cepat, ramah SEO, dan sangat skalabel.

Kontribusi & Masukan

Kami menghargai kekuatan pengembangan open-source dan yang digerakkan oleh komunitas. Jika Anda ingin mengusulkan perbaikan, menambahkan panduan baru, atau memperbaiki masalah apa pun dalam dokumentasi kami, jangan ragu untuk mengirimkan Pull Request atau membuka isu di repositori GitHub kami.

Siap untuk menerjemahkan aplikasi Anda dengan lebih cepat dan efisien? Jelajahi dokumentasi kami untuk mulai menggunakan Intlayer hari ini. Rasakan pendekatan internasionalisasi yang kuat dan terstruktur yang menjaga konten Anda tetap terorganisir dan tim Anda menjadi lebih produktif.