Zum Inhalt springen
Sonenta

Demos

Sonenta im echten Einsatz: das i18n-SDK, sein Missing-Key-Workflow während der Entwicklung, und das Add-on für die Bewertung durch Endnutzer.

i18n-SDK-Demos

Das Übersetzungs-SDK in Aktion: über das CDN ausgelieferte Keys, und ein Missing-Key-Handler, den Sie während der Entwicklung bei der Arbeit sehen. Autoplay-Route /demo.

React

Online
React + Vite + @sonenta/react-i18next

React + @sonenta/react-i18next Showcase: CDN-Keys, Sprachwechsel, Missing-Key-Handler während der Entwicklung.

Vue

Online
Vue 3 + Vite + @sonenta/vue-i18n

Vue 3 + @sonenta/vue-i18n Showcase: CDN-Übersetzungen über die gemeinsame Sonenta-Engine aufgelöst, mit Sprachwechsel und Handling fehlender Schlüssel während der Entwicklung.

Svelte

Online
SvelteKit 5 + @sonenta/svelte-i18n

SvelteKit + @sonenta/svelte-i18n Showcase: CDN-Übersetzungen über native Svelte-Stores auf der gemeinsamen Sonenta-Engine, mit Sprachwechsel und Handling fehlender Schlüssel während der Entwicklung.

Next.js

Online
Next.js App Router + @sonenta/next

Next.js App Router + @sonenta/next Showcase: SSG pro Sprache rendert die Sonenta-CDN-Übersetzungen beim Build serverseitig, mit Client-Hydration und Handling fehlender Schlüssel während der Entwicklung.

Demos zum Bewertungs-Add-on

Das Add-on @sonenta/feedback: ein Quiz, in dem Endnutzer Übersetzungen im Kontext bewerten (5★), mit Moderation vor der Veröffentlichung. Was das jeweilige Framework kann, steht auf seiner eigenen Karte.

React (web)

Demnächst
React + @sonenta/feedback/react

React-Quiz (Web): der Endnutzer bewertet und schlägt Übersetzungen über das Widget @sonenta/feedback vor; Moderations-Queue.

Demnächst

React Native / Expo

Mobil
@sonenta/feedback/native

React Native / Expo Quiz: das Feedback-Widget auf dem Smartphone, dargestellt per Screenshots / Video / Anleitung (kein Web-Link).

Mobile Demo (React Native / Expo), kein Web-Link, by design. Lokal starten: in demo-app-expo, npm install, dann npx expo run:android; EXPO_PUBLIC_SONENTA_API_BASE setzen um die Feedback-Schleife zu aktivieren. Screenshots / Video folgen.

Vue

Demnächst
@sonenta/feedback/vue

Vue-Quiz: @sonenta/feedback/vue; 5★-Bewertung, Moderation vor der Veröffentlichung.

Demnächst

Svelte

Demnächst
@sonenta/feedback/svelte

Svelte-Quiz: @sonenta/feedback/svelte liefert Headless-Stores und KEIN Panel, Sie bauen das Widget also selbst. rate() und suggest() stehen programmatisch zur Verfügung, Moderation vor der Veröffentlichung.

Demnächst

Die mit „Demnächst“ markierten Demos sind noch nicht ausgerollt, sie kommen vor dem öffentlichen Launch.