Naar inhoud gaan
Supastack
NL
Thema
InloggenKoop Supastack
Alle artikelen

Een Expo SaaS-boilerplate met inloggen, AI-chat en echte paywalls

De Expo-app van supastack is een mobiele SaaS voor productie: OAuth- en e-mailinloggen, AI-assistent, notificaties, thema's en RevenueCat-paywalls, op dezelfde API als de webapp.

Noah Zixin Zhang1 min lezen

Wat bevat de Expo-app van supastack?

Dat hangt van het plan af, maar de Expo-app is een productie-klare mobiele SaaS, geen demo: Google- en Apple-inlog plus e-mailcodes, een AI-assistent, een notificatie-inbox, biometrische app-vergrendeling, thema's en een RevenueCat-paywall gekoppeld aan dezelfde backend en toegangsregels als de webapp. EAS-buildprofielen voor ontwikkeling, preview en store-inzending zijn al geconfigureerd.

De mobiele helft van een echte SaaS

De app levert de schermen die een betaald mobiel product echt nodig heeft, geen demo met drie knoppen. Inlogflows, een gevulde homefeed, de AI-assistent, een notificatie-inbox, instellingen en een RevenueCat-paywall werken allemaal op dezelfde API als de webapp.

  • Google- en Apple-inlog plus eenmalige e-mailcodes, met auth-deeplinks
  • AI-assistent met model- en outputregelaars
  • Notificatie-inbox met gelezen/ongelezen-status en compacte tijdstempels
  • RevenueCat-aankopen, herstel en geverifieerde toegang
  • Biometrische app-vergrendeling en sessiebeheer via secure-store
  • Systeem-, licht- en donkermodus op het gedeelde themasysteem
  • Push-klare notificaties via expo-notifications

Gebouwd zoals Expo-teams het verwachten

Expo 57 op React Native 0.86 met file-based navigatie van Expo Router, getypeerde API-calls naar de gehoste backend en EAS-buildprofielen voor development, preview en store-inzending.

Sessies synchroniseren via veilige opslag en auth-deeplinks: een gebruiker die op het web koopt ontgrendelt op de telefoon, en een in-app-aankoop verschijnt in je webadmin.

  • Expo + React Native
  • EAS Build + Submit
  • RevenueCat
  • TypeScript + Turborepo
  • Better Auth
  • iOS + Android

De webapp is je backend

De mobiele app heeft geen eigen schaduwbackend, hij authenticeert en leest data op dezelfde Next.js- of TanStack Start-deployment die je webgebruikers gebruiken. Eén API-oppervlak, één set regels, één adminweergave van alle gebruikers.

Van clone naar de stores

Richt de app op je gedeployde API, draai hem in Expo Go of een dev build en hij start met echte schermen in plaats van placeholders. De EAS-profielen en inzendingsgidsen lopen van de eerste build tot de TestFlight- en Play Console-review.

  • Development-, preview- en productiebuildprofielen al geconfigureerd
  • De RevenueCat- en pushgidsen dekken de storespecifieke setup
  • App-vergrendeling, deeplinks en thema's werken meteen

Veelgestelde vragen

  • Hoe werken betalingen op mobiel?, Via RevenueCat in-app-aankopen, de route die de stores voorschrijven voor digitale goederen. Aankopen, herstel en toegangsrechten delen dezelfde regels als de webbilling.
  • Heb ik een Mac nodig om de iOS-app uit te brengen?, Nee. EAS Build compileert en ondertekent iOS-builds in de cloud; de inzendingsgids dekt de App Store-review. Een Mac heb je alleen nodig als je de lokale simulator wilt.
  • Werkt de mobiele app zonder de webapp?, De app praat met de gehoste API, dezelfde Next.js- of TanStack Start-deployment die je site voedt. Samen uitgebracht staat elk scherm op echte data.

Je volgende product begint hier.

Betaal één keer. Blijf winstgevende producten bouwen.