LocalePack
ChromeFirefoxEdgeOperaSafariรายการ CWS
Vue.jsReact
Next.jsi18nextReact Native
คู่มือนักพัฒนากรณีความสำเร็จ
สร้างมาเพื่อ react-i18next โดยเฉพาะ

การทำโลคัลไลซ์ด้วย AI สำหรับ แอป react-i18next

อัปโหลดไฟล์ namespace JSON ของคุณ เลือกภาษาปลายทาง จ่ายครั้งเดียว แล้วดาวน์โหลดไฟล์ locale ที่พร้อมใช้กับ useTranslation().

{{placeholder}} และรองรับพหูพจน์อย่างปลอดภัย
เข้ากันได้กับ useTranslation()
ราคาโปร่งใส
locales/en/common.json
ต้นฉบับ (อังกฤษ)
{
  "welcome": "Hello, {{name}}!",
  "items_one": "{{count}} item",
  "items_other": "{{count}} items"
}
เยอรมัน (ผลลัพธ์)
{
  "welcome": "Hallo, {{name}}!",
  "items_one": "{{count}} Artikel",
  "items_other": "{{count}} Artikel"
}
52 ภาษา

วิธีการทำงาน

สามขั้นตอนง่ายๆ เพื่อทำโลคัลไลซ์โปรเจกต์ react-i18next ของคุณ อัปโหลด namespace JSON จ่ายครั้งเดียว และดาวน์โหลดไฟล์ที่พร้อมใช้กับ I18nextProvider

01

อัปโหลด namespace JSON

วางไฟล์เนมสเปซใน locales/ ของคุณ (เช่น locales/en/common.json) เราจะตรวจจับ {{placeholders}} และคีย์พหูพจน์ _one/_other โดยอัตโนมัติ

02

เลือกภาษา

เลือกได้จาก 52 ภาษา ดูราคาที่โปร่งใสตามขนาดและความซับซ้อนของไฟล์ของคุณก่อนชำระเงิน

03

ดาวน์โหลด

จ่ายครั้งเดียวผ่าน Stripe รับ ZIP ของ locales/ ที่พร้อมส่งให้ I18nextProvider—โครงสร้างเนมสเปซเดิม ค่าที่แปลแล้ว

เดโมราคาแบบเรียลไทม์

เครื่องมือประเมินราคาแบบโปร่งใส

ดูได้ชัดเจนว่าคุณจะต้องจ่ายเท่าไรก่อนอัปโหลด ใบเสนอราคาสุดท้ายจะคำนวณหลังอัปโหลดตามความซับซ้อนของไฟล์และภาษาที่เลือก

1. อัปโหลดไฟล์

วางไฟล์ JSON ที่นี่

หรือคลิกเพื่อเลือกไฟล์

JSON เนมสเปซของ react-i18next (locales/**). สูงสุด 500KB.

2. เลือกภาษา

|

เลือกแล้ว 3 จาก 52 ภาษา

3. ใบเสนอราคาของคุณ

ภาษาที่เลือก3

ราคาสุดท้ายจะคำนวณหลังอัปโหลดไฟล์บนหน้าชำระเงิน

ชำระเงินครั้งเดียว • ไม่มีการสมัครสมาชิก

สร้างมาเพื่อผู้พัฒนา react-i18next

ออกแบบมาโดยเฉพาะสำหรับ useTranslation(), I18nextProvider และ JSON แบบเนมสเปซ—ไม่ใช่เครื่องมือแปลทั่วไป

รองรับเนมสเปซของ useTranslation()

ทำให้ common.json, auth.json และทุกเนมสเปซสอดคล้องกันในทุกโลแคล เพื่อให้ useTranslation('ns') ใช้งานได้โดยไม่ต้องแก้ไข

ความปลอดภัยของ {{placeholder}}

คงโทเคนสำหรับการแทรกค่าอย่าง {{name}} และ {{count}} แบบ byte-for-byte—ไม่มีสตริงพังในคอมโพเนนต์ React ของคุณ

การจัดการคีย์พหูพจน์ (_one/_other)

รองรับการแยกพหูพจน์ของ react-i18next เช่น key_one และ key_other เพื่อให้ไวยากรณ์ถูกต้องในทุกภาษาปลายทาง

พร้อมใช้งานกับ I18nextProvider

ดาวน์โหลด ZIP ของ locales/ ที่มีโครงสร้างโฟลเดอร์เหมือนเดิม—วางลงในรีโปของคุณและส่งต่อให้ I18nextProvider ได้ทันที

การแปลแบบขนาน

แปลทุกภาษาไปพร้อมกัน งานส่วนใหญ่เสร็จภายในไม่ถึง 5 นาที

ชำระเงินครั้งเดียว

ไม่มีการสมัครสมาชิก ไม่มีค่าธรรมเนียมรายเดือน จ่ายครั้งเดียวต่อหนึ่งงาน ดาวน์โหลดได้ตลอดไป

วิธีที่ JSON ของ react-i18next ทำงานร่วมกัน

react-i18next โหลดไฟล์โลแคลผ่าน I18nextProvider. LocalePack สร้างไฟล์เนมสเปซทั้งหมดในโครงสร้างเดียวกับที่แอปของคุณคาดหวังอยู่แล้ว

โครงสร้างโฟลเดอร์ locales/

locales/
├── en/
│   ├── common.json   ← source namespace
│   └── auth.json
├── de/
│   ├── common.json
│   └── auth.json
├── fr/
│   └── ...
└── ...       (52 locales)

การใช้งานฮุค useTranslation()

// locales/en/common.json
{
  "welcome": "Hello {{name}}",
  "items_one": "{{count}} item",
  "items_other": "{{count}} items"
}

// After i18next.init({ ns: ['common'] })
i18next.t('common:welcome', { name: 'Ada' });
i18next.t('common:items', { count: 5 });

Hook API

t()

I18nextProvider

i18next.init()

ตัวแทน

{{variable}}

พหูพจน์

_one/_other

ทำไมไม่ใช้เครื่องมือทั่วไปไปเลย?

เครื่องมือแปลทั่วไปทำให้ JSON เนมสเปซของ useTranslation(), เพลซโฮลเดอร์วงเล็บปีกกาคู่ และรูปแบบพหูพจน์ _one/_other พัง

LocalePack
แปลด้วยตนเอง
TMS ทั่วไป
เวลาในการตั้งค่า2 นาทีหลายชั่วโมงต่อภาษา30+ นาที
ความโปร่งใสของราคา
รองรับ JSON แบบเนมสเปซ
ความปลอดภัยของ {{placeholder}} และพหูพจน์
ความเร็ว (52 ภาษา)< 5 นาทีสัปดาห์ชั่วโมง
เหมาะที่สุดสำหรับแอป react-i18nextโปรเจกต์ขนาดเล็กCMS ระดับองค์กร

กรณีความสำเร็จ

โปรเจกต์จริงที่ใช้ LocalePack เพื่อเข้าถึงผู้ชมทั่วโลกได้สูงสุดถึง 52 ภาษา

AstrologerAI AI astrology app localized into 52 languages

AstrologerAI: an AI astrology app localized into 52 languages

How the AstrologerAI app translated its entire experience into 52 languages with LocalePack — 6.3M tokens for $58.73 — to reach a worldwide audience in their own language.

DevToys.pro developer tools web app localized into 52 languages

DevToys.pro: 400% international traffic growth across 52 languages

How the DevToys.pro web app translated its entire UI into 52 languages with LocalePack — 5.8M tokens for $58.44 — and quadrupled its international organic traffic.

DevToys New Tab Chrome extension localized into 52 languages

DevToys New Tab: a Chrome extension localized UI + store listing in 52 languages

How the DevToys New Tab Chrome extension localized both its in-extension UI and its Chrome Web Store listing into 52 languages to reach a global audience.

The LocalePack site localized into 52 languages with LocalePack

LocalePack localized itself into 52 languages — with LocalePack

We used our own tool to translate the entire LocalePack site into 52 languages — 2.9M tokens for $27.37 — so developers worldwide find us in their own language.

ดูกรณีความสำเร็จทั้งหมด

ได้รับความไว้วางใจจากนักพัฒนา react-i18next

“แอป React ของเราจากที่มีแค่ภาษาอังกฤษ กลายเป็น 12 ภาษาได้ภายในบ่ายเดียว namespaces ของ useTranslation() ยังคงอยู่ครบถ้วน”

Sam K.

นักพัฒนา React, สตาร์ทอัพ SaaS

“I18nextProvider ใช้งานได้ทันทีหลังจากใส่ไฟล์ ZIP ไม่ต้องรวมไฟล์เอง ไม่มี {{variables}} พัง”

Priya M.

วิศวกร Frontend

“เห็นการประเมินราคาก่อนจะอัปโหลดไฟล์สักไฟล์ ตรงกับที่ต้องการสำหรับงานโลคัลไลซ์แบบครั้งเดียวจบ”

Chris D.

นักพัฒนา React ฟรีแลนซ์

52

ภาษาที่รองรับ

100%

{{placeholder}} และรองรับพหูพจน์อย่างปลอดภัย

ZIP

ZIP ของเนมสเปซ

คำถามที่พบบ่อย

ทุกสิ่งที่คุณต้องรู้เกี่ยวกับ LocalePack สำหรับ react-i18next

มีให้ใช้งานสำหรับส่วนขยายเบราว์เซอร์ด้วย:

ChromeFirefoxEdgeOperaSafari

พร้อมปล่อยแอป react-i18next ของคุณสู่ทั่วโลกแล้วหรือยัง?

จ่ายครั้งเดียว • ดาวน์โหลด ZIP ของเนมสเปซ • ส่งมอบได้ทั่วโลก

ลองใช้ LocalePack
LocalePack
คู่มือความเป็นส่วนตัวข้อกำหนดฝ่ายสนับสนุน

© 2025 LocalePack. สงวนลิขสิทธิ์

โปรเจกต์นี้แปลด้วย LocalePack logoLocalePack