globals.css:
layout.js:根布局，修改项目名字，description
路由
基础嵌套路由
在app下建立dashboard文件 那么你在运行的网页url里就自动配备了dashboard（/dashboard）路径
由此可见其实，app文件夹就是root route，其中的page.jsx也就是根页面（/），其中的建立的文件夹也是其基础上的分支。
依次类推，在dashboard文件夹下继续新增文件夹和其对应page.jsx，即可轻松创建（/dashboard/xxx）的路由
动态路由
比如greeting文件后根上用户的名字之类的信息，这个信息需要是动态的，故称为动态路由。
创建的方式，使用中括号，例如[name],这就创建了一个name的动态路由
这时候，（/greeting/[name]）,name里传入任意字段则不是404了，经过参数处理就能把动态params渲染在页面上
中括号里的命名与params点的属性保持一致。
修改浏览器标题（meta Data）
类似app根路径下的layout.jsx，在这定义并运用Metadata，就可以成功的修改浏览器标题
值得一提的是，这里的generateMetadata拼错了会导致不能正常渲染，目前还不是很懂原理是为啥.
这里的params.post是可以用字符串的一些处理手段处理的，
这个功能是next的强大的体现，我记得在react里修改标题是需要react router dom的
并行路由
next的图片
next中的img不能导入public文件夹外的图片资源，想要使用图片，统一用导入
这里的Image会自动压缩，使得加载速度会更快
若有收获，就点个赞吧
0 人点赞
