Need a router based on configuration so i can dynamically add and remove

[sathish2k]

Router Configuration

You can define your routes using a configuration object, similar to Angular or React Router. Below is an example of how to set it up:

const routes = [
  {
    id: "root",
    path: "/",
    layout: RootLayout,
    children: [
      {
        id: "dashboard",
        path: "/dashboard",
        component: Dashboard,
      },
      {
        id: "recent-blog",
        path: "/recent-blog",
        component: RecentBlog,
      },
    ],
  },
];

[icyJoseph]

Next.js uses a file-system based router where folders are used to define routes.

[sathish2k]

Yeah I know but i'm trying something routes based on config, it can be achieved through dynamic route but still i have doubt like will layout, error, loading etc can be achieved or not

[icyJoseph]

I mean, in pages router it could easily be done with dynamic route, some people even used react-router-dom on top of Next.js, which is... well yeah, not good.

I think, while it might be a good exercise in learning, this is not something to take to production.

Layout do not re-render on navigation, therefore are not recommend for auth checks. Consider a shared navigation that displays user information:

• Feedback Request: Authentication patterns in Next.js #63775