Jumbo React
Jumbo 6.x
Jumbo 6.x
  • Overview
  • Package Content
  • Installation and Setup
    • Environment Setup
    • Project Setup
  • Structure
    • Folder Structure
  • Layouts
    • Understanding Layouts
    • Pre-built Layouts
    • Create Custom Layout
  • Content Layout
    • Understanding Content Layout
  • Routes
    • Understanding Routes
    • Setup a New Route
    • Route Middleware
    • Create Route Middleware
  • Style Customization
    • Understanding Theme
    • Customize Theme
    • Dark Theme
    • Font Changes
  • How To
    • Apply RTL as default
    • Set RTL direction dynamically
    • Make sidebar menus dynamic
  • Auth Implementation
    • Auth Setting
    • Implement Login Form
Powered by GitBook
On this page
  1. Routes

Understanding Routes

PreviousUnderstanding Content LayoutNextSetup a New Route

Last updated 2 years ago

Routes in Jumbo follows the same structure React Router 6 offers to pass as an array to useRoutes hook .

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.

(check this reference)