如何在Next.js中命名文件夹以使其在URL路径中被忽略？

完全可以实现你要的效果，Next.js App Router支持通过括号包裹文件夹名称的方式，让该文件夹在URL路径中透明（不显示）。

修改后的文件夹结构 #

src
  - app
    - page1
       - page.tsx
    - page2
       - page.tsx
    - (pagegroup)  // 用括号包裹原文件夹名
       - insidepage1
          - page.tsx
       - insidepage2
          - page.tsx
       - insidepage3
          - page.tsx

原理说明 #

把原pagegroup文件夹重命名为(pagegroup)后，Next.js在生成路由规则时会自动忽略这个文件夹的层级。此时你就能直接通过/insidepage1、/insidepage2访问对应页面，无需添加/pagegroup前缀。

这种命名方式既能帮你按逻辑组织页面代码结构，又能保持URL的简洁性，完美匹配你的需求。

内容的提问来源于stack exchange，提问作者The Prenx