react-app

react-app An architecture diagram generated by Archify. Browser · one origin · Architecture component Browser one origin nginx · static bundle · Architecture component nginx static bundle react-app · routes · providers · Architecture component react-app routes · providers RTK Query · one baseApi · Architecture component RTK Query one baseApi Auth client · better-auth · Architecture component Auth client better-auth API · nest-api · Architecture component API nest-api OpenObserve · RUM · logs · Architecture component OpenObserve RUM · logs HTTPS JSON + cookie /auth RUM Legend Frontend Backend Cloud Security External

One deployment

  • • The whole front end in one image
  • • Auth screens are routes: /login, /signup
  • • Marketing moves the app to /app

Data layer

  • • Features inject endpoints into one baseApi
  • • Tag names share one namespace: keep them unique
  • • Any 401 redirects to /login

Build time

  • • VITE_* values are baked into the bundle
  • • Build one image per environment
  • • Types are generated from the API's OpenAPI