Sever Side Navigation Menu

Overview

On this page, you will understand how to use a server side navigation menu in Vertical layout as well as in Horizontal layout.

Vertical layout

To use the server side navigation menu in the Vertical layout, follow these steps:

• You need to write all of your navigation section titles, navigation groups and navigation links in this structure either on your sever / API or in the src/@fake-db/server-side-menu/vertical.ts file
• Make an API call from your server in src/layouts/components/vertical/ServerSideNavItems.tsx file
• And then import src/layouts/components/vertical/ServerSideNavItems.tsx file in src/layouts/UserLayout.tsx file and pass it as shown below:

Horizontal layout

Important!

As mentioned here, you need to add menu items for Vertical Navigation as well. Please follow these steps to add the Vertical Navigation and then follow the steps explained below.

To use the server side navigation menu in the Horizontal layout, follow these steps:

• You need to write all of your navigation groups and navigation links in this structure either on your sever / API or in the src/@fake-db/server-side-menu/horizontal.ts file
• Make an API call from your server in src/layouts/components/horizontal/ServerSideNavItems.tsx file
• And then import src/layouts/components/horizontal/ServerSideNavItems.tsx file in src/layouts/UserLayout.tsx file and pass it as shown below: