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。
相關
- 專案
- 專案
- 專案
- 專案
- 專案