AppJoy Einblicke
Web und Mobile aus einer Codebasis
Manche Produkte brauchen eine Website, die in der Suche rankt, und eine App in den Stores, mit denselben Funktionen in beiden. HighratedHotels ist so ein Produkt. Das ist das Setup, das AppJoy dafür genutzt hat.
· Von Tobias Wimmer, AppJoy
Das Setup
- Ein Yarn-Monorepo mit einer Expo-App (React Native) für iOS und Android und einer Next.js-App mit App Router für die Website.
- Ein gemeinsames Paket enthält Features, Komponenten, Services und State. Solito verbindet die Navigation beider Welten.
- NativeWind bringt Tailwind-CSS-Styling in React Native, Zustand und TanStack Query kümmern sich um State und Serverdaten.
- Payload CMS auf MongoDB lässt das Marketing-Team Inhalte verwalten, Stripe wickelt Zahlungen ab.
Warum dieser Ansatz
- Die Website wird serverseitig gerendert, Hotelseiten können also von Suchmaschinen indexiert werden, was eine reine App nicht bietet.
- Der größte Teil des Codes wird einmal geschrieben und läuft auf allen drei Zielen.
- Eine TypeScript-Codebasis bedeutet, dass ein Team an Web und App arbeiten kann.
Wann etwas anderes besser ist
Ist das Produkt in erster Linie eine App und braucht keinen Suchverkehr, ist Flutter meist einfacher. Wir vergleichen beide in unserem Flutter-vs.-React-Native-Ratgeber.
Häufige Fragen
Was ist Solito?
Solito ist eine kleine Bibliothek, mit der React-Native- und Next.js-Apps Navigation und Screens in einem Monorepo teilen.
Ist die Web-Version gut für SEO?
Ja, weil Next.js Seiten auf dem Server rendert. HighratedHotels ist als SEO-optimierte Web-App gebaut.
Wie viel Code wird geteilt?
Die meisten Features, Komponenten und Services liegen im gemeinsamen Paket. Nur plattformspezifische Einstiegspunkte unterscheiden sich.
Siehe auch: Flutter vs. React Native vs. nativ: was du 2026 wählen solltest · Was kostet eine App-Entwicklung in Österreich? (Guide 2026)
Fallstudien: HighratedHotels
Erzähl uns von deiner Idee
Beschreibe dein Projekt in wenigen Sätzen. Du erhältst eine Schätzung auf Basis deiner Idee.