@intlayer/docs 7.0.7 → 7.0.8

package/docs/id/introduction.md

@@ -0,0 +1,218 @@
+---
+createdAt: 2025-08-23
+updatedAt: 2025-08-23
+title: Pengenalan
+description: Temukan bagaimana Intlayer bekerja. Lihat langkah-langkah yang digunakan oleh Intlayer dalam aplikasi Anda. Lihat apa fungsi berbagai paket yang berbeda.
+keywords:
+  - Pengenalan
+  - Memulai
+  - Intlayer
+  - Aplikasi
+  - Paket
+slugs:
+  - doc
+  - get-started
+history:
+  - version: 5.5.10
+    date: 2025-06-29
+    changes: Riwayat awal
+---
+
+# 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
+
+```bash
+.
+└── Components
+    └── MyComponent
+        ├── index.content.ts
+        └── index.tsx
+```
+
+```tsx fileName="src/components/MyComponent/index.content.ts" contentDeclarationFormat="typescript"
+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;
+```
+
+```javascript fileName="src/components/MyComponent/index.content.mjs" contentDeclarationFormat="esm"
+import { t } from "intlayer";
+
+/** @type {import('intlayer').Dictionary} */
+const componentContent = {
+  key: "component-key",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      es: "Hola Mundo",
+      fr: "Bonjour le monde",
+    }),
+  },
+};
+
+// Ekspor konten komponen sebagai default
+export default componentContent;
+```
+
+```javascript fileName="src/components/MyComponent/index.content.cjs" contentDeclarationFormat="commonjs"
+const { t } = require("intlayer");
+
+/** @type {import('intlayer').Dictionary} */
+const componentContent = {
+  key: "component-key",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      es: "Hola Mundo",
+      fr: "Bonjour le monde",
+    }),
+  },
+};
+
+// Ekspor konten komponen menggunakan CommonJS
+module.exports = componentContent;
+```
+
+```json fileName="src/components/MyComponent/index.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "component-key",
+  "content": {
+    "myTranslatedContent": {
+      "nodeType": "translation",
+      "translation": {
+        "en": "Hello World",
+        "fr": "Bonjour le monde",
+        "es": "Hola Mundo"
+      }
+    }
+  }
+}
+```
+
+```tsx fileName="src/components/MyComponent/index.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useIntlayer } from "react-intlayer";
+
+export const MyComponent: FC = () => {
+  const { myTranslatedContent } = useIntlayer("component-key");
+
+  return <span>{myTranslatedContent}</span>;
+};
+```
+
+```jsx fileName="src/components/MyComponent/index.mjx" codeFormat="esm"
+import { useIntlayer } from "react-intlayer";
+
+const MyComponent = () => {
+  const { myTranslatedContent } = useIntlayer("component-key");
+
+  return <span>{myTranslatedContent}</span>;
+};
+```
+
+```jsx fileName="src/components/MyComponent/index.csx" codeFormat="commonjs"
+const { useIntlayer } = require("react-intlayer");
+
+const MyComponent = () => {
+  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](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_visual_editor.md).
+- **Fleksibilitas Konfigurasi**: Sesuaikan pengaturan Anda dengan opsi konfigurasi yang luas yang dijelaskan secara rinci dalam [Panduan Konfigurasi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/configuration.md).
+- **Alat CLI Lanjutan**: Kelola proyek Anda dengan efisien menggunakan antarmuka baris perintah Intlayer. Jelajahi kemampuannya dalam [Dokumentasi Alat CLI](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_cli.md).
+
+## Konsep Inti
+
+### Kamus
+
+Atur konten multibahasa Anda dekat dengan kode Anda untuk menjaga semuanya tetap konsisten dan mudah dipelihara.
+
+- **[Memulai](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/content_file.md)**  
+  Pelajari dasar-dasar mendeklarasikan konten Anda di Intlayer.
+
+- **[Terjemahan](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/translation.md)**  
+  Pahami bagaimana terjemahan dibuat, disimpan, dan digunakan dalam aplikasi Anda.
+
+- **[Enumerasi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/enumeration.md)**  
+  Kelola dengan mudah data yang berulang atau tetap di berbagai bahasa.
+
+- **[Kondisi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/conditional.md)**  
+  Pelajari cara menggunakan logika kondisional di Intlayer untuk membuat konten dinamis.
+
+- **[Penyisipan](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/insertion.md)**  
+  Temukan cara menyisipkan nilai dalam string menggunakan placeholder penyisipan.
+
+- **[Pengambilan Fungsi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/function_fetching.md)**  
+  Lihat bagaimana mengambil konten secara dinamis dengan logika khusus untuk menyesuaikan alur kerja proyek Anda.
+
+- **[Markdown](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/markdown.md)**  
+  Pelajari cara menggunakan Markdown di Intlayer untuk membuat konten yang kaya.
+
+- **[Penyematan File](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/file_embeddings.md)**  
+  Temukan cara menyematkan file eksternal di Intlayer untuk digunakan dalam editor konten.
+
+- **[Nesting](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/nesting.md)**  
+  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](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_nextjs_16.md)**
+- **[Intlayer dengan Next.js 15](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_nextjs_15.md)**
+- **[Intlayer dengan Next.js 14 (App Router)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_nextjs_14.md)**
+- **[Intlayer dengan Next.js Page Router](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_nextjs_page_router.md)**
+- **[Intlayer dengan React CRA](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_create_react_app.md)**
+- **[Intlayer dengan Vite + React](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_vite+react.md)**
+- **[Intlayer dengan React Router v7](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_react_router_v7.md)**
+- **[Intlayer dengan Tanstack Start](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_tanstack.md)**
+- **[Intlayer dengan React Native dan Expo](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_react_native+expo.md)**
+- **[Intlayer dengan Lynx dan React](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_lynx+react.md)**
+- **[Intlayer dengan Vite + Preact](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_vite+preact.md)**
+- **[Intlayer dengan Vite + Vue](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_vite+vue.md)**
+- **[Intlayer dengan Nuxt](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_nuxt.md)**
+- **[Intlayer dengan Express](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_express.md)**
+- **[Intlayer dengan NestJS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_nestjs.md)**
+- **[Intlayer dengan Angular](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_with_angular.md)**
+
+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](https://github.com/aymericzip/intlayer/blob/main/docs/docs).
+
+**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.
+
+---

package/docs/id/locale_mapper.md

@@ -0,0 +1,242 @@
+---
+createdAt: 2025-07-27
+updatedAt: 2025-07-27
+title: Pemeta Locale
+description: Temukan bagaimana Pemeta Locale bekerja. Lihat langkah-langkah yang digunakan oleh Pemeta Locale dalam aplikasi Anda. Lihat apa fungsi dari berbagai paket yang berbeda.
+keywords:
+  - Pemeta Locale
+  - Memulai
+  - Intlayer
+  - Aplikasi
+  - Paket
+slugs:
+  - doc
+  - locale-mapper
+history:
+  - version: 5.7.2
+    date: 2025-07-27
+    changes: Menambahkan dokumentasi pemeta locale
+---
+
+# Pemeta Locale
+
+Pemeta Locale adalah utilitas yang kuat yang membantu Anda bekerja dengan data internasionalisasi dalam aplikasi Intlayer Anda. Ini menyediakan tiga fungsi utama untuk mengubah dan mengatur data spesifik locale: `localeMap`, `localeFlatMap`, dan `localeRecord`.
+
+## Cara Kerja Pemeta Locale
+
+Pemeta Locale beroperasi pada objek `LocaleData` yang berisi semua informasi yang diperlukan tentang sebuah locale:
+
+```typescript
+type LocaleData = {
+  locale: LocalesValues; // Kode locale saat ini (misalnya, 'en', 'fr')
+  defaultLocale: LocalesValues; // Kode locale default
+  isDefault: boolean; // Apakah ini adalah locale default
+  locales: LocalesValues[]; // Array dari semua locale yang tersedia
+  urlPrefix: string; // Prefix URL untuk locale ini (misalnya, '/fr' atau '')
+};
+```
+
+Fungsi pemeta secara otomatis menghasilkan data ini untuk setiap locale dalam konfigurasi Anda, dengan mempertimbangkan:
+
+- Daftar locale yang telah Anda konfigurasi
+- Pengaturan locale default
+- Apakah locale default harus diberi prefix di URL
+
+## Fungsi Inti
+
+### `localeMap`
+
+Mengubah setiap locale menjadi sebuah objek tunggal menggunakan fungsi pemeta.
+
+```typescript
+localeMap<T>(
+  mapper: (locale: LocaleData) => T,
+  locales?: LocalesValues[],
+  defaultLocale?: LocalesValues,
+  prefixDefault?: boolean
+): T[]
+```
+
+**Contoh: Membuat objek route**
+
+```typescript
+import { localeMap } from "intlayer";
+
+const routes = localeMap((localizedData) => ({
+  path: localizedData.urlPrefix,
+  name: localizedData.locale,
+  isDefault: localizedData.isDefault,
+  locales: localizedData.locales,
+  defaultLocale: localizedData.defaultLocale,
+}));
+
+// Hasil:
+// [
+//   { path: '/', name: 'en', isDefault: true, locales: ['en', 'fr', 'es'], defaultLocale: 'en' },
+//   { path: '/fr', name: 'fr', isDefault: false, locales: ['en', 'fr', 'es'], defaultLocale: 'en' },
+//   { path: '/es', name: 'es', isDefault: false, locales: ['en', 'fr', 'es'], defaultLocale: 'en' }
+// ]
+```
+
+### `localeFlatMap`
+
+Mirip dengan `localeMap`, tetapi fungsi pemeta mengembalikan array objek yang kemudian diratakan menjadi satu array tunggal.
+
+```typescript
+localeFlatMap<T>(
+  mapper: (locale: LocaleData) => T[],
+  locales?: LocalesValues[],
+  defaultLocale?: LocalesValues,
+  prefixDefault?: boolean
+): T[]
+```
+
+**Contoh: Membuat beberapa route per locale**
+
+```typescript
+import { localeFlatMap } from "intlayer";
+
+const routes = localeFlatMap((localizedData) => [
+  {
+    path: localizedData.urlPrefix,
+    name: localizedData.locale,
+    isDefault: localizedData.isDefault,
+  },
+  {
+    path: `${localizedData.urlPrefix}/about`,
+    name: `${localizedData.locale}-about`,
+    isDefault: localizedData.isDefault,
+  },
+]);
+
+// Hasil:
+// [
+//   { path: '/', name: 'en', isDefault: true },
+//   { path: '/about', name: 'en-about', isDefault: true },
+//   { path: '/fr', name: 'fr', isDefault: false },
+//   { path: '/fr/about', name: 'fr-about', isDefault: false },
+//   { path: '/es', name: 'es', isDefault: false },
+//   { path: '/es/about', name: 'es-about', isDefault: false }
+// ]
+```
+
+### `localeRecord`
+
+Membuat objek record di mana setiap locale menjadi kunci yang memetakan ke nilai yang diubah oleh fungsi pemeta.
+
+```typescript
+localeRecord<T>(
+  mapper: (locale: LocaleData) => T,
+  locales?: Locales[],
+  defaultLocale?: Locales,
+  prefixDefault?: boolean
+): Record<Locales, T>
+```
+
+**Contoh: Memuat file terjemahan**
+
+```typescript
+import { localeRecord } from "intlayer";
+
+const translations = localeRecord(({ locale }) =>
+  require(`./translations/${locale}.json`)
+);
+
+// Hasil:
+// {
+//   en: { welcome: 'Welcome', hello: 'Hello' },
+//   fr: { welcome: 'Bienvenue', hello: 'Bonjour' },
+//   es: { welcome: 'Bienvenido', hello: 'Hola' }
+// }
+```
+
+## Mengatur Locale Mapper
+
+Locale Mapper secara otomatis menggunakan konfigurasi Intlayer Anda, tetapi Anda dapat menimpa default dengan melewatkan parameter:
+
+### Menggunakan Konfigurasi Default
+
+```typescript
+import { localeMap } from "intlayer";
+
+// Menggunakan konfigurasi dari intlayer.config.ts
+const routes = localeMap((data) => ({
+  path: data.urlPrefix,
+  locale: data.locale,
+}));
+```
+
+### Menimpa Konfigurasi
+
+```typescript
+import { localeMap } from "intlayer";
+
+// Menimpa locales dan default locale
+const customRoutes = localeMap(
+  (data) => ({ path: data.urlPrefix, locale: data.locale }),
+  ["en", "fr", "de"], // Locales kustom
+  "en", // Default locale kustom
+  true // Prefix default locale di URL
+);
+```
+
+## Contoh Penggunaan Lanjutan
+
+### Membuat Menu Navigasi
+
+```typescript
+import { localeMap } from "intlayer";
+
+const navigationItems = localeMap((data) => ({
+  label: data.locale.toUpperCase(),
+  href: data.urlPrefix || "/",
+  isActive: data.isDefault,
+  flag: `/flags/${data.locale}.svg`,
+}));
+```
+
+### Menghasilkan Data Sitemap
+
+```typescript
+import { localeFlatMap } from "intlayer";
+
+const sitemapUrls = localeFlatMap((data) => [
+  {
+    url: `${data.urlPrefix}/`,
+    lastmod: new Date().toISOString(),
+    changefreq: "daily",
+    priority: data.isDefault ? 1.0 : 0.8,
+  },
+  {
+    url: `${data.urlPrefix}/about`,
+    lastmod: new Date().toISOString(),
+    changefreq: "monthly",
+    priority: data.isDefault ? 0.8 : 0.6,
+  },
+]);
+```
+
+### Pemuatan Terjemahan Dinamis
+
+```typescript
+import { localeRecord } from "intlayer";
+
+const translationModules = localeRecord(({ locale }) => ({
+  messages: import(`./locales/${locale}/messages.json`),
+  validation: import(`./locales/${locale}/validation.json`),
+  metadata: {
+    locale,
+    direction: ["ar", "he", "fa"].includes(locale) ? "rtl" : "ltr",
+  },
+}));
+```
+
+## Integrasi Konfigurasi
+
+Locale Mapper terintegrasi dengan mulus ke dalam konfigurasi Intlayer Anda:
+
+- **Locales**: Secara otomatis menggunakan `configuration.internationalization.locales`
+- **Default Locale**: Menggunakan `configuration.internationalization.defaultLocale`
+- **URL Prefixing**: Menghormati `configuration.middleware.prefixDefault`
+
+Ini memastikan konsistensi di seluruh aplikasi Anda dan mengurangi duplikasi konfigurasi.

package/docs/id/mcp_server.md

@@ -0,0 +1,211 @@
+---
+createdAt: 2025-06-07
+updatedAt: 2025-07-11
+title: Dokumentasi Server MCP
+description: Jelajahi fitur dan pengaturan Server MCP untuk mengoptimalkan manajemen dan operasi server Anda.
+keywords:
+  - Server MCP
+  - Manajemen Server
+  - Optimasi
+  - Intlayer
+  - Dokumentasi
+  - Pengaturan
+  - Fitur
+slugs:
+  - doc
+  - mcp-server
+history:
+  - version: 5.5.12
+    date: 2025-07-11
+    changes: Menambahkan pengaturan ChatGPT
+  - version: 5.5.12
+    date: 2025-07-10
+    changes: Menambahkan pengaturan Claude Desktop
+  - version: 5.5.12
+    date: 2025-07-10
+    changes: Menambahkan transport SSE dan server jarak jauh
+  - version: 5.5.10
+    date: 2025-06-29
+    changes: Inisialisasi riwayat
+---
+
+# Intlayer MCP Server
+
+**Intlayer MCP (Model Context Protocol) Server** menyediakan bantuan IDE bertenaga AI yang disesuaikan untuk ekosistem Intlayer.
+
+## Di mana saya bisa menggunakannya?
+
+- Pada lingkungan pengembang modern seperti **Cursor**, **VS Code**, dan IDE apa pun yang mendukung protokol MCP.
+- Pada asisten AI favorit Anda seperti **Claude Desktop**, **Gemini**, **ChatGPT**, dll.
+
+## Mengapa Menggunakan Intlayer MCP Server?
+
+Dengan mengaktifkan Intlayer MCP Server di IDE Anda, Anda membuka:
+
+- **Dokumentasi yang Sadar Konteks**  
+  Server MCP memuat dan menampilkan dokumentasi Intlayer. Untuk mempercepat pengaturan Anda, migrasi Anda, dll.  
+  Ini memastikan bahwa saran kode, opsi perintah, dan penjelasan selalu terbaru dan relevan.
+
+- **Integrasi CLI Cerdas**  
+  Akses dan jalankan perintah Intlayer CLI langsung dari antarmuka IDE Anda. Dengan menggunakan server MCP, Anda dapat membiarkan asisten AI Anda menjalankan perintah seperti `intlayer dictionaries build` untuk memperbarui kamus Anda, atau `intlayer dictionaries fill` untuk mengisi terjemahan yang hilang.
+
+> Lihat daftar lengkap perintah dan opsi di [dokumentasi Intlayer CLI](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/intlayer_cli.md).
+
+## Server lokal (stdio) vs Server jarak jauh (SSE)
+
+Server MCP dapat digunakan dengan dua cara:
+
+- Server lokal (stdio)
+- Server jarak jauh (SSE)
+
+### Server lokal (stdio) (direkomendasikan)
+
+Intlayer menyediakan paket NPM yang dapat diinstal secara lokal di mesin Anda. Paket ini dapat diinstal di IDE favorit Anda, seperti VS Code, Cursor, serta aplikasi asisten lokal Anda, seperti ChatGPT, Claude Desktop, dll.
+
+Server ini adalah cara yang direkomendasikan untuk menggunakan server MCP. Karena server ini mengintegrasikan semua fitur dari server MCP, termasuk alat CLI.
+
+### Server jarak jauh (SSE)
+
+Server MCP juga dapat digunakan secara jarak jauh, menggunakan metode transport SSE. Server ini dihosting oleh Intlayer, dan tersedia di https://mcp.intlayer.org. Server ini dapat diakses secara publik, tanpa autentikasi, dan gratis untuk digunakan.
+
+Perlu dicatat bahwa server jarak jauh tidak mengintegrasikan alat CLI, autocompletion AI, dll. Server jarak jauh hanya untuk interaksi dengan dokumentasi guna membantu asisten AI Anda dengan ekosistem Intlayer.
+
+> Karena biaya hosting server, ketersediaan server jarak jauh tidak dapat dijamin. Kami membatasi jumlah koneksi simultan. Kami merekomendasikan menggunakan metode transport server lokal (stdio) untuk pengalaman yang paling andal.
+
+---
+
+## Pengaturan di Cursor
+
+Ikuti [dokumentasi resmi](https://docs.cursor.com/context/mcp) untuk mengonfigurasi server MCP di Cursor.
+
+Di root proyek Anda, tambahkan file konfigurasi `.cursor/mcp.json` berikut:
+
+### Server lokal (stdio) (direkomendasikan)
+
+```json fileName=".cursor/mcp.json"
+{
+  "mcpServers": {
+    "intlayer": {
+      "command": "npx",
+      "args": ["-y", "@intlayer/mcp"]
+    }
+  }
+}
+```
+
+### Server jarak jauh (SSE)
+
+Untuk menghubungkan ke server Intlayer MCP jarak jauh menggunakan Server-Sent Events (SSE), Anda dapat mengonfigurasi klien MCP Anda untuk terhubung ke layanan yang dihosting.
+
+```json fileName=".cursor/mcp.json"
+{
+  "mcpServers": {
+    "intlayer": {
+      "url": "https://mcp.intlayer.org",
+      "transport": "sse"
+    }
+  }
+}
+```
+
+Ini memberi tahu IDE Anda untuk meluncurkan server Intlayer MCP menggunakan `npx`, memastikan selalu menggunakan versi terbaru yang tersedia kecuali Anda menguncinya.
+
+---
+
+## Pengaturan di VS Code
+
+Ikuti [dokumentasi resmi](https://code.visualstudio.com/docs/copilot/chat/mcp-servers) untuk mengonfigurasi server MCP di VS Code.
+
+Untuk menggunakan Server Intlayer MCP dengan VS Code, Anda perlu mengonfigurasinya di pengaturan workspace atau pengguna Anda.
+
+### Server lokal (stdio) (direkomendasikan)
+
+Buat file `.vscode/mcp.json` di root proyek Anda:
+
+```json fileName=".vscode/mcp.json"
+{
+  "servers": {
+    "intlayer": {
+      "type": "stdio",
+      "command": "npx",
+      "args": ["-y", "@intlayer/mcp"]
+    }
+  }
+}
+```
+
+### Server jarak jauh (SSE)
+
+Untuk menghubungkan ke server Intlayer MCP jarak jauh menggunakan Server-Sent Events (SSE), Anda dapat mengonfigurasi klien MCP Anda untuk terhubung ke layanan yang dihosting.
+
+```json fileName=".vscode/mcp.json"
+{
+  "servers": {
+    "intlayer": {
+      "url": "https://mcp.intlayer.org",
+      "type": "sse"
+    }
+  }
+}
+```
+
+---
+
+## Pengaturan di ChatGPT
+
+### Server jarak jauh (SSE)
+
+Ikuti [dokumentasi resmi](https://platform.openai.com/docs/mcp#test-and-connect-your-mcp-server) untuk mengonfigurasi server MCP di ChatGPT.
+
+1. Buka [dashboard prompt](https://platform.openai.com/prompts)
+2. Klik `+ Create`
+3. Klik `Tools (Create or +)`
+4. Pilih `MCP Server`
+5. Klik `Add new`
+6. Isi bidang berikut:
+   - URL: `https://mcp.intlayer.org`
+   - Label: `Intlayer MCP Server`
+   - Name: `intlayer-mcp-server`
+   - Authentication: `None`
+
+7. Klik `Save`
+
+---
+
+## Pengaturan di Claude Desktop
+
+Ikuti [dokumentasi resmi](https://modelcontextprotocol.io/quickstart/user#2-add-the-filesystem-mcp-server) untuk mengonfigurasi server MCP di Claude Desktop.
+
+Lokasi file konfigurasi:
+
+- macOS: `~/Library/Application\ Support/Claude/claude_desktop_config.json`
+- Windows: `%APPDATA%\Claude\claude_desktop_config.json`
+
+### Server lokal (stdio) (direkomendasikan)
+
+```json fileName="claude_desktop_config.json"
+{
+  "mcpServers": {
+    "intlayer": {
+      "command": "npx",
+      "args": ["-y", "@intlayer/mcp"]
+    }
+  }
+}
+```
+
+---
+
+## Menggunakan MCP Server melalui CLI
+
+Anda juga dapat menjalankan server MCP Intlayer langsung dari command line untuk pengujian, debugging, atau integrasi dengan alat lain.
+
+```bash
+# Instal secara global
+npm install -g @intlayer/mcp
+
+# Atau gunakan langsung dengan npx (direkomendasikan)
+npx @intlayer/mcp
+```
+
+---