Learn how to add links for dynamic routes in the menu.

To create dynamic routes, refer to the official Next.js documentation.

Issues we faced previously​

If you had two dynamic routes with the same parameter/slug name, you might be redirected to the wrong page.

How to fix the issue?​

We introduced exactMatch and activeUrl props in the MenuItem component to address this issue.

The search functionality is available only in the full-version. If you have started your project using the starter-kit as per our suggestion, please follow the steps below to implement the search functionality in your project.

Step 1: Install cmdk Package​

Begin by installing the cmdk package, which is required for the search functionality.

To add translation in front pages, you need to follow these steps:

1. Move the whole src/app/front-pages folder inside the [lang]/(blank-layout-pages) folder

In this article, we will guide you through the process of using dynamic React Icons in the Menu. This feature is especially useful when you need to render icons dynamically based on data received from an API.

You will have to create a helper component, DynamicIcon, to simplify this process. This component leverages Next.js's dynamic import feature to load icons on demand, thereby optimizing your application's performance.

In the full-version, we use a fake database (fake-DB) to fetch data via server actions. This setup simplifies the project initialization. However, for real-world applications, you'll need to fetch data from a real API. This guide will walk you through the steps to remove the fake DB and configure your project to use a real API.

Let's get started with the steps:

We provide internationalization for navigation only. However, there might be times when you need to translate text within a page. Here's how you can achieve that: