Next.js第七章(路由组)

路由组

路由组也是一种基于文件夹的约定范式,可以让我们开发者,按类别或者团队组织路由模块,并且不影响 URL 路径。

用法:只需要通过(groupName)包裹住文件夹名即可,例如(shop)(user)等,名字可以自定义。

定义多个根布局

这种一般是大型项目使用的,例如我们需要把,后台管理系统前台的门户网站,放到一个项目就可以使用这种方法实现。

使用方法:

  1. 先把app目录下的layout.tsx 文件删除
  2. 在每组的目录下创建layout.tsx文件,并且定义html,body标签。
相关推荐
STATICHIT静砸11 分钟前
了解Monorepo结构
前端
星光不问赶路人23 分钟前
Node.js 如何判断入口文件:从 require.main 到 ES Module 实现
前端·node.js
Hello--_--World33 分钟前
Vue2的 双端 diff算法 与 Vue3 的 快速diff 算法
前端·vue.js·算法
gongzemin41 分钟前
怎么在VS Code 调试vue2 源码
前端·vue.js
烟话61 小时前
Vue3响应式原理【通俗理解】
前端·javascript·vue.js
浩星1 小时前
electron系列5:深入理解Electron打包
前端·javascript·electron
患得患失9491 小时前
【前端WebSocket】心跳功能,心跳重置策略、双向确认(Ping-Pong) 以及 指数退避算法(Exponential Backoff)
前端·websocket·算法
英俊潇洒美少年1 小时前
React 实现 AI 流式打字机对话:SSE 分包粘包处理 + 并发优化
前端·javascript·react.js
chQHk57BN1 小时前
前端测试入门:Jest、Cypress等测试框架使用教程
前端