Demos

Sonenta em condições reais: o SDK de i18n, o seu fluxo de chaves em falta durante o desenvolvimento, e o add-on de avaliação pelo utilizador final.

Demos do SDK i18n

O SDK de tradução em ação: chaves servidas a partir do CDN, e um handler de chaves em falta que pode ver a funcionar durante o desenvolvimento. Rota /demo em autoplay.

React

Em linha

React + Vite + @sonenta/react-i18next

Showcase React + @sonenta/react-i18next: chaves do CDN, mudança de idioma, handler de chaves em falta durante o desenvolvimento.

Ver a demo Source

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 durante o desenvolvimento.

Ver a demo Source

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 durante o desenvolvimento.

Ver a demo Source

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 durante o desenvolvimento.

Ver a demo Source

Demos do add-on de Avaliação

O add-on @sonenta/feedback: um questionário em que os utilizadores finais avaliam as traduções em contexto (5★), com moderação antes da publicação. O que cada framework consegue fazer está no respetivo cartã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 ativar o ciclo de feedback. Capturas / vídeo em breve.

Vue

Em breve

@sonenta/feedback/vue

Questionário Vue: @sonenta/feedback/vue; avaliação 5★, moderação antes da publicação.

Em breve

Svelte

Em breve

@sonenta/feedback/svelte

Questionário Svelte: @sonenta/feedback/svelte fornece stores headless e NENHUM painel, por isso o widget é construído por si. rate() e suggest() estão disponíveis programaticamente, 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.