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

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

pages/about.js→ /关于

pages/blog.js→ /博客

pages/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的情况下解决此问题。在不安装任何第三方库的情况下，是否有其他可用选项

---

提前感谢：）

也许你需要感谢@nghiepit，但这不能解决我的问题。