nextjs

重要,讲page.tsx和layout.tsx的角色和作用

page.tsx是内容,如果没有这个文件,会404没显示内容

layout.tsx可以将layout上的组件共享给下面所有pages(比如link可以给下面所有pages共用),其中的children是下面所有的page.tsx或layout.tsx

In Next.js, you can use a special layout.tsx file to create UI that is shared between multiple pages. 

引用: https://nextjs.org/learn/dashboard-app/creating-layouts-and-pages

 

不部署在nodejs,export出static html

https://nextjs.org/docs/pages/building-your-application/deploying/static-exports

export出static html,不能是server component

https://nextjs.org/docs/app/building-your-application/rendering/server-components

 

动态渲染和静态渲染

在不同router之间切换时,静态不重新渲染,动态会重新渲染

在page或layout上

export dynamic='force-dynamic' 

https://nextjs.org/docs/app/api-reference/file-conventions/route-segment-config

posted on   heysong  阅读(67)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示