aymericzip/intlayer

Per-component Internationalisation solution for JS application. Type-Safe. Translate with AI. Edit Visually.

解決的問題

Intlayer 解決了傳統國際化(i18n)函式庫的複雜性與僵化性。它透過將翻譯內容更貼近其對應的元件,並利用 AI 自動化翻譯流程,簡化了 Web 與行動應用的多語系內容管理。

工作原理

Intlayer 使用元件級內容宣告系統,開發者在與元件同層級的資料夾中,於 JavaScript/TypeScript 檔案內定義翻譯內容。專用編譯器會提取這些內容並產生字典檔案。此系統與框架無關,支援 Next.js、React、Vite、Vue.js 與 Nuxt 等主流框架。

適用對象

希望擁有類型安全、結構清晰的程式碼庫以及高效翻譯工作流程的多語系應用開發者,以及可使用提供的免費視覺化編輯器與 CMS 進行翻譯管理的內容撰寫者。

核心亮點

  • AI 驅動翻譯:使用您自己的 AI 提供者與 API 金鑰,將內容翻譯成 200 多種語言。
  • 視覺化編輯器與 CMS:為非技術內容撰寫者提供的免費視覺化編輯器與 CMS,用於管理翻譯。
  • 類型安全:對內容定義提供完整的 TypeScript 自動補全。
  • 可樹搖資源:按元件載入內容,減少打包體積,並支援懶加載。
  • MCP 伺服器整合:提供 Model Context Protocol 伺服器,用於 IDE 自動化 i18n 工作流程。
  • 跨框架支援:相容 Next.js、React、Vite、Vue.js、Nuxt、Preact 與 Express。

相關

  • 專案
  • 專案
  • 專案
  • 專案
  • 專案