Try the Live Demo

Some quick notes about the demo:

  • The demo data will reset every hour
  • The demo application is running in a low service tier and may take a few seconds to spin up.
  • In a real deployment, subdomains can be used to resolve tenants. In the demo, tenants are switched at login with the tenant selection.
  • To see data isolation in action, try logging in as different tenant users.
  • Only the root tenant can access the tenant management area.
  • Only admin level users can access the user administration area.
  • Every tenant has a default admin:
  • The password for all users: Password123!

Thank you for your interest. You can also send a message to learn more about the boilerplate.

asp nano

Please allow 10-15 seconds for the app to boot from a cold start. Try the live demo with the links below:

React Client

Navigation Guide

The navigation folder contains the components specific to layout, access, and navigation. AppLayout is the top-level component which defines the sidebar, navbar, and content layout.

Routing is handled in the top-level in routes.tsx using React Router v6. The pages are lazy loaded as Suspense wrapped components in the renderRoutes loop, with the actual values being passed in from the routes array.

The sideBar is the left-hand menu, which contains links to the main views in the application. The actual content is driven by navList. The navbar is the horizonal top bar with the title and user menu avatar.

The AuthGuard prevents non-logged-in users from accessing the views of the application and will send them to the login screen instead. GuestGuard conversely, prevents logged-in users from navigating to the login screen.