Ir para o conteúdo
Sonenta

Demos

A Sonenta em condições reais: o SDK i18n com atualização em tempo real das chaves em falta, e o add-on de avaliação pelo utilizador final — em cada framework.

Demos do SDK i18n

O SDK de tradução em ação: chaves servidas a partir do CDN, e handler de chaves em falta visualizado em tempo real. Rota /demo em reprodução automática.

React

Em linha
React + Vite + @sonenta/react-i18next

Showcase React + @sonenta/react-i18next: chaves CDN, mudança de idioma, handler de chaves em falta em tempo real.

Vue

Em linha
Vue 3 + Vite + @sonenta/vue-i18n

Demonstração Vue 3 + @sonenta/vue-i18n: traduções do CDN resolvidas pelo motor partilhado Sonenta, com troca de idioma e gestão de chaves em falta em tempo real.

Svelte

Em linha
SvelteKit 5 + @sonenta/svelte-i18n

Demonstração SvelteKit + @sonenta/svelte-i18n: traduções do CDN via stores nativas do Svelte no motor partilhado Sonenta, com troca de idioma e gestão de chaves em falta em tempo real.

Next.js

Em linha
Next.js App Router + @sonenta/next

Demonstração Next.js App Router + @sonenta/next: SSG por idioma que renderiza as traduções do CDN Sonenta no servidor durante o build, com hidratação no cliente e gestão de chaves em falta em tempo real.

Demos do add-on de Avaliação

O add-on @sonenta/feedback: um questionário onde o utilizador final avalia (5★) e sugere traduções em contexto, com moderação antes da publicação.

React (web)

Em breve
React + @sonenta/feedback/react

Questionário React (web): o utilizador final avalia e sugere traduções através do widget @sonenta/feedback; fila de moderação.

Em breve

React Native / Expo

Mobile
@sonenta/feedback/native

Questionário React Native / Expo: o widget de feedback em mobile — apresentado em capturas / vídeo / instruções (sem ligação web).

Demo móvel (React Native / Expo) — sem ligação web por conceção. Executar em local: em demo-app-expo, npm install e depois npx expo run:android; definir EXPO_PUBLIC_SONENTA_API_BASE para o ciclo de feedback ao vivo. Capturas / vídeo em breve.

Vue

Em breve
@sonenta/feedback/vue

Questionário Vue: @sonenta/feedback/vue (createFeedback + FeedbackPanel); avaliação 5★ + sugestões, moderação antes da publicação.

Em breve

Svelte

Em breve
@sonenta/feedback/svelte

Questionário Svelte: @sonenta/feedback/svelte (stores headless); avaliação 5★ + sugestões, moderação antes da publicação.

Em breve

As demos marcadas como «Em breve» ainda não estão implementadas — chegam antes do lançamento público.