Next.js第七章(路由组)

路由组

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

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

定义多个根布局

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

使用方法:

  1. 先把app目录下的layout.tsx 文件删除
  2. 在每组的目录下创建layout.tsx文件,并且定义html,body标签。
相关推荐
程序员猫哥2 分钟前
前端开发,一句话生成网站
前端
Younglina23 分钟前
一个纯前端的网站集合管理工具
前端·vue.js·chrome
木头程序员24 分钟前
前端(包含HTML/JavaScript/DOM/BOM/jQuery)基础-暴力复习篇
开发语言·前端·javascript·ecmascript·es6·jquery·html5
卖火箭的小男孩26 分钟前
# Flutter Provider 状态管理完全指南
前端
小雨青年26 分钟前
鸿蒙 HarmonyOS 6|ArkUI(01):从框架认知到项目骨架
前端
Null15528 分钟前
浏览器唤起本地桌面应用(基础版)
前端·浏览器
pas13643 分钟前
31-mini-vue 更新element的children
前端·javascript·vue.js
wordbaby1 小时前
TanStack Router 实战:如何构建经典的“左侧菜单 + 右侧内容”后台布局
前端·react.js
oMcLin1 小时前
如何在 RHEL 7 上优化 Nginx 与 PHP‑FPM 配置,确保高并发 Web 应用的稳定性与响应速度?
前端·nginx·php
Taiyuuki1 小时前
WebGPU 开发者福音!在 VS Code 中实时预览你的WGSL着色器作品
前端·gpu·图形学