Developer Experience & Platform UX — better-i18n: Für Geschwindigkeit gebaut, auf Freude ausgelegt
Eine durchdachte Developer Experience, bei der jede Interaktion bewusst gestaltet ist — Command Palette Navigation, Inline Editing, Auto-Sync und KI-gestützte Unterstützung, die in jeden Workflow integriert ist.
Mit Cmd+K sofort überall navigieren
Die Command Palette ist der schnellste Weg, sich durch better-i18n zu bewegen. Drücke Cmd+K (oder Strg+K unter Windows/Linux) und erhalte sofortigen Zugriff auf jeden Bereich der Plattform — zu Projekten springen, Namespaces wechseln, Einstellungen öffnen, Aktionen auslösen, alles ohne die Hände von der Tastatur zu nehmen.
Power-User leben in der Command Palette. Sie indiziert deine Projekte, Keys und Einstellungen, sodass du in einer fließenden Bewegung suchen und handeln kannst. Kein mühsames Durchklicken von Menüs oder Nachdenken, wo was zu finden ist.
Onboarding, das dich in Minuten zum Shippen bringt
Neu bei better-i18n? Der Onboarding-Wizard führt dich Schritt für Schritt durch das Setup — verbinde dein Repository, konfiguriere dein erstes Projekt, füge Sprachen hinzu und push deine ersten Übersetzungen. Jeder Schritt wird validiert, bevor es weitergeht, sodass du nie mit einer fehlerhaften Konfiguration endest.
Der Wizard passt sich deinem Stack an. Egal ob du Next.js, React mit TanStack Router, Expo oder Flutter verwendest — er erkennt dein Framework und passt die Setup-Anweisungen entsprechend an.
Translation Editor für große Projekte
Im Translation Editor verbringt dein Team die meiste Zeit, daher haben wir ihn für ernsthafte Workloads ausgelegt.
Virtual Scrolling für 5.000+ Keys
Herkömmliches Table-Rendering versagt bei großen Key-Mengen. better-i18n nutzt virtualisiertes Rendering — nur die im Viewport sichtbaren Zeilen sind im DOM. Scrolle durch 5.000, 10.000 oder sogar 50.000 Keys mit derselben butterweichen Performance wie bei einem 50-Key-Projekt.
Inline Editing — Klicken, tippen, fertig
Jede Übersetzungszelle ist direkt bearbeitbar. Klicke auf eine Zelle, tippe deine Übersetzung und gehe zur nächsten weiter. Keine Modals, keine Speichern-Buttons, keine zusätzlichen Klicks. Der Editor hält sich zurück, damit Übersetzer sich auf den Inhalt konzentrieren können.
Auto-Sync mit 3,5s Debounce
Änderungen werden automatisch gespeichert. Nachdem du aufgehört hast zu tippen, löst ein 3,5-Sekunden-Debounce einen Sync zum Server über den Zustand-Store aus. Du musst nie daran denken, zu speichern, und deine Arbeit geht nie verloren. Der Sync-Indikator in der Toolbar zeigt dir genau an, wann Änderungen persistiert wurden.
Namespace-Gruppierung
Große Projekte organisieren Keys in Namespaces. Der Editor ermöglicht es dir, Namespace-Gruppen ein- und auszuklappen, sodass du dich auf den Bereich konzentrieren kannst, an dem du arbeitest, ohne durch nicht relevante Keys abgelenkt zu werden.
Suche und Filterung
Finde jeden Key sofort durch Suche nach Key-Namen oder Übersetzungswerten. Filtere nach Namespace, Sprache oder Übersetzungsstatus (übersetzt, unübersetzt, überprüfungsbedürftig), um genau die Arbeit zu fokussieren, die Aufmerksamkeit benötigt.
Activity Log — Vollständige Transparenz über jede Aktion
Das projektweite Activity Log protokolliert jede Aktion in deinem Projekt — Key-Erstellung, Übersetzungsaktualisierungen, Publishes, Einstellungsänderungen, Hinzufügen von Teammitgliedern. Jeder Eintrag zeigt, wer was wann und an welcher Ressource getan hat.
Das ist für Teams unverzichtbar. Wenn eine Übersetzung in der Produktion kaputt geht, zeigt dir das Activity Log genau, welche Änderung sie verursacht hat und wer sie vorgenommen hat. Kein Rätseln und kein gegenseitiges Beschuldigen mehr.
Globaler AI Drawer
Das AI-Chat-Panel ist von jeder Seite der Plattform aus zugänglich. Öffne es, um Fragen zu deinen Übersetzungen zu stellen, Vorschläge zur Verbesserung von Texten zu erhalten, Übersetzungen für neue Sprachen zu generieren oder Konfigurationsprobleme zu beheben.
Der AI Drawer behält den Kontext deines aktuellen Projekts und der Seite, auf der du dich befindest, im Blick, sodass er relevante Antworten geben kann, ohne dass du dein Setup jedes Mal erklären musst.
Developer Tools Modal
Für Debugging und Performance-Optimierung gibt dir das Developer Tools Modal Einblick in das, was unter der Haube passiert — API-Call-Timings, Cache-Hit-Raten, Sync-Status und Konfigurations-Diagnostik. Im Entwicklungsmodus verfügbar für Engineers, die genau verstehen wollen, wie sich die Plattform verhält.
LLM Provider Management
better-i18n integriert sich mit mehreren LLM-Providern für KI-gestützte Übersetzungen. Die Provider-Management-Oberfläche ermöglicht dir:
- Provider hinzufügen — Verbinde OpenAI, Anthropic, Google oder andere unterstützte LLM-Provider
- Modelle konfigurieren — Wähle, welches Modell für jeden Provider verwendet wird
- Prioritäten festlegen — Definiere die Fallback-Reihenfolge, wenn ein Provider nicht verfügbar ist
- Nutzung überwachen — Verfolge Token-Verbrauch und Kosten pro Provider
Das gibt deinem Team volle Kontrolle über das KI-Backend, das deine Übersetzungs-Workflows antreibt.
Integrierte Analytics
PostHog-Event-Tracking ist throughout der Plattform integriert und gibt dir Einblicke, wie dein Team better-i18n nutzt — welche Features am meisten verwendet werden, wo Nutzer auf Schwierigkeiten stoßen und wie sich die Übersetzungsgeschwindigkeit im Laufe der Zeit entwickelt. Alle Daten bleiben in deiner PostHog-Instanz für vollständige Datenschutzkontrolle.