Understanding Routes

Routes in Jumbo follows the same structure React Router 6 offers to pass as an array to useRoutes hook (check this reference).

While using Jumbo you can define all of your routes inside the src/app/routes/ folder. Here inside this folder, you will find the inde.js file which includes following three arrays where you can define your routes in a structured way:

1. routesForPublic In this array you can define all of your routes which are for public use and that means both anonymous and authenticated users can access these routes.

2. routesForAuthenticatedOnly In this array you can define those routes which should only be accessible to the authenticated users.

3. routesForNotAuthenticatedOnly In this array you can define those routes which only be accessible if user is an anonymous user. Some examples of these type of routes are login, forgot password, reset password, signup pages routes. You will never want to show the login page to an authenticated user.

There is an important thing to note while setting up a new route. You can learn that about in "Setup a New Route" topic.