Files
petfeed/mobil.md
admin f56d1c7cb1 docs: document Clerk German localization, mark Capacitor mobile plan superseded
- README: note @clerk/localizations' deDE usage in the tech stack table
  and shipped-features list.
- ClerkThemeProvider: comment explaining why deDE is needed (Clerk's own
  UI defaults to English regardless of the app's next-intl locale).
- mobil.md: mark the Capacitor plan superseded by the React Native/Expo
  scaffold decided this session (see mobile/README.md).
2026-09-01 20:18:49 +02:00

2.6 KiB
Raw Permalink Blame History

PawFeed Mobile — Nebenplan (überholt)

Überholt seit 2026-09-01: Die Entscheidung fiel auf React Native/Expo statt Capacitor — echte native App statt Web-Wrapper, spricht direkt über tRPC mit dem bestehenden Docker-Backend (kein Neu-Schreiben des Backends nötig). Start mit Android. Aktueller Stand: mobile/README.md. Dieses Dokument bleibt nur als Kontext, warum Capacitor erwogen und verworfen wurde.

Ausgangslage (historisch)

Die Web-App läuft auf Next.js. Kein Neu-Schreiben nötig — die App wird nur verpackt.


Phase 1 — PWA (kostenlos, sofort)

Progressive Web App: Nutzer können die Seite zum Home-Screen hinzufügen.

Was zu tun ist:

  • manifest.json mit App-Icon + Name hinzufügen
  • Service Worker für Offline-Fallback (next-pwa Plugin)
  • HTTPS ist bereits aktiv (Cloudflare) ✓

Kosten: €0
Aufwand: ~1 Tag
Ergebnis: Icon auf dem Home-Screen, Vollbild, kein Browser-Chrome
Grenze: Kein App Store Listing; Push Notifications nur Android (iOS erst ab iOS 16.4 im Browser)


Phase 2 — Capacitor (günstiger Store-Eintrag)

Capacitor verpackt die bestehende Web-App in eine native Shell. Der Browser rendert weiterhin Next.js, die App wirkt aber nativ.

Was zu tun ist:

npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android
npx cap init PawFeed org.pawfeed.app
npx cap add ios
npx cap add android

Die App zeigt https://pawfeed.org in einem nativen WebView — oder bei Build eine statische Next.js Export-Version.

Kosten:

Posten Kosten
Apple Developer Account 99 €/Jahr (Pflicht für iOS Store)
Google Play Console 25 € einmalig
Capacitor Open Source, kostenlos

Aufwand: ~2–3 Tage
Ergebnis: Echte App im App Store und Play Store, native Push Notifications, Kamera-Zugriff möglich
Grenze: Performance ist WebView, kein 100% natives Feel


Phase 3 — React Native / Expo (spätere Milestone)

Bereits in CLAUDE.md als Future Milestone vermerkt. Für Alpha und Beta nicht notwendig.

Wann sinnvoll:

  • Nutzerzahl wächst und Performance-Beschwerden kommen
  • Features brauchen echten nativen Zugriff (GPS, Kamera-APIs, ARKit)
  • Budget für ~4–6 Wochen Rewrite vorhanden

Zeitplan

Phase Wann Kosten
PWA Alpha €0
Capacitor → iOS + Android Beta ~124 €
React Native Rewrite v2 Projektbudget

Wichtigster Hebel

Apple Developer Account ist der einzige echte Kostenfaktor. Ohne ihn kein iOS Store — aber PWA funktioniert bereits auf iPhone ohne Store und ohne Kosten.