Can we dynamically load routes in NextJS based on a API request result?

[THPubs]

I have an app built on create react app which loads the route information (Allowed list of routes for the logged in user) from the server and generate the routes based on that. For example,

1. The user logs in
2. The app makes a get request to fetch the routes array
3. The app goes through the fetched results and returns a route:

routes.map((route) => <Route path={route} />)

My question is, can we do something similar in NextJS?