演示

真实场景中的 Sonenta：i18n SDK、开发阶段的缺失键工作流，以及终端用户评估附加组件。

i18n SDK 演示

翻译 SDK 实战：由 CDN 提供的键，以及可在开发过程中观察其工作的缺失键处理器。/demo 路由自动播放。

React

已上线

React + Vite + @sonenta/react-i18next

React + @sonenta/react-i18next 展示：CDN 键、语言切换、开发阶段的缺失键处理器。

查看演示源码

Vue

已上线

Vue 3 + Vite + @sonenta/vue-i18n

Vue 3 + @sonenta/vue-i18n 示例：通过共享的 Sonenta 引擎解析 CDN 翻译，支持语言切换与开发阶段的缺失键处理。

查看演示源码

Svelte

已上线

SvelteKit 5 + @sonenta/svelte-i18n

SvelteKit + @sonenta/svelte-i18n 示例：通过原生 Svelte store 在共享的 Sonenta 引擎上解析 CDN 翻译，支持语言切换与开发阶段的缺失键处理。

查看演示源码

Next.js

已上线

Next.js App Router + @sonenta/next

Next.js App Router + @sonenta/next 示例：按语言的 SSG 在构建时于服务端渲染 Sonenta CDN 的翻译，配合客户端水合与开发阶段的缺失键处理。

查看演示源码

评估附加组件演示

@sonenta/feedback 附加组件：一个测验，终端用户在上下文中为翻译评分（5★），发布前经过审核。每个框架各自能做什么，见对应的卡片。

React (web)

即将推出

React + @sonenta/feedback/react

React（网页）测验：终端用户通过 @sonenta/feedback 小部件评分并提出翻译建议；带审核队列。

即将推出

React Native / Expo

移动端

@sonenta/feedback/native

React Native / Expo 测验：移动端上的反馈小部件,, 以截图 / 视频 / 运行说明呈现（无网页链接）。

移动端演示（React Native / Expo）,, 按设计不提供网页链接。本地运行：在 demo-app-expo 中执行 npm install，然后 npx expo run:android；设置 EXPO_PUBLIC_SONENTA_API_BASE 以启用实时反馈循环。截图 / 视频稍后提供。

Vue

即将推出

@sonenta/feedback/vue

Vue 测验：@sonenta/feedback/vue；5★ 评分，发布前审核。

即将推出

Svelte

即将推出

@sonenta/feedback/svelte

Svelte 测验：@sonenta/feedback/svelte 只提供 headless store，不含任何面板，因此组件需要你自己构建。rate() 与 suggest() 可通过编程方式调用，发布前经过审核。

即将推出

标记为「即将推出」的演示尚未部署,, 它们会在公开发布前上线。