reactjs - 如何在 NextJS 中手动配置路由而不是基于文件的路由

Question

我们知道在 Next.js 中，我们在文件系统中表达应用程序结构。将文件添加到 pages 目录时，它会自动作为路由使用。例如：

页面/about.js → /about

页面/blog.js → /blog

页面/index.js → /

但我想手动选择要为每个路径渲染的组件文件。例如在下面的代码中，如果我的路径 URL 是localhost:3000/about，我想呈现服务组件，我不想根据路由路径名来制作我的文件名。

 <Switch>
          <Route path="/about">
            <Service />
          </Route>
          <Route path="/users">
            <About />
          </Route>
          <Route path="/">
            <Home />
          </Route>
 </Switch>

我如何在不使用 React Router/Reach-Router 的情况下解决此问题。在不安装任何 3rd 方库的情况下是否还有其他可用选项？

提前致谢 ：）