Case Study

NabuLingo — SaaS Translation App

Shopify App · SaaS Produkt · 2025–2026

Herausforderung

Shopify-Händler brauchen mehrsprachige Shops, aber bestehende Lösungen sind entweder teuer (ab €20/Monat pro Sprache), technisch komplex (Theme-Duplikate) oder unzuverlässig (SEO-Probleme, fehlende Übersetzungen). Gesucht: Eine App die mit einem Klick funktioniert — ohne Theme-Änderungen, ohne Entwickler.

Lösung

NabuLingo ist eine Shopify-App die jeden Shop in bis zu 28 Sprachen übersetzt — vollautomatisch, ohne Theme-Duplikate, ohne manuellen Aufwand. Ein Script-Tag, ein Klick, fertig.

• Embed-Architektur: Ein einziges JavaScript-Snippet wird per Shopify ScriptTag API oder App Embed Block injiziert — kein Theme-Code nötig
• Translation Engine: DeepL als primärer Provider (28 Sprachen), OpenAI und Anthropic als Fallback — höchste Übersetzungsqualität am Markt
• Edge Computing: Cloudflare Worker übernimmt Translation-Proxy, Caching, Rate Limiting und Design-Token-Delivery — weltweit unter 50ms Latenz
• Client-Side Caching: Übersetzungen werden im Browser gecacht (24h TTL) — kein erneuter API-Call bei Seitennavigation
• Dashboard: Remix-basierte Admin-UI (Shopify Polaris) mit Sprachauswahl, Farbkonfiguration, Position des Switchers, Statistiken
• Billing: Supabase-basiertes Plan-System mit nutzungsabhängiger Abrechnung — Free-Tier, Pro, Enterprise
• Universal Embed: Das Script funktioniert nicht nur auf Shopify — es kann auf jeder Website eingebettet werden (wie auf obholz-solutions.de selbst)

Ergebnisse

• Vollständige Shopify-App mit OAuth, Billing, Webhooks und App Embed Block
• Cloudflare Worker mit 15+ Endpoints (Translate, Batch, Config, Provision, Analytics)
• Supabase Backend: Shops, Plans, Entitlements, Rate Limits, Usage Tracking
• D1-Datenbank für Edge-State (Provisioning, Token-Validation)
• Automatisierte Tests (E2E für Worker-API)
• Lokalisierung der App selbst in 53 Sprachen
• Eigenes Affiliate-System (Partner-Dashboard, Provisionen, Tracking)

Architektur

• Frontend: Shopify Remix App (React + Polaris UI) auf Cloudflare Pages
• Backend: Cloudflare Worker (Edge) — Translation Proxy, Content Delivery, Admin API
• Datenbank: Supabase (PostgreSQL) + Cloudflare D1 (Edge State)
• Translation: DeepL API (primär), OpenAI + Anthropic (Fallback)
• Embed: Vanilla JS Widget (~8KB gzipped) — kein Framework, keine Dependencies
• Monitoring: Sentry (Error Tracking) + Usage Analytics

Technologie