nextJs

官网

文件名	作用
page.tsx	页面组件（必须命名为 page）定义当前路径对应的页面内容，是最核心的页面文件。每个路由目录下必须有 page.tsx（否则该路由无效）。访问对应路由时渲染。
layout.tsx	布局组件。包裹子页面和子布局，实现布局复用，比如导航栏、侧边栏、页脚等公共部分。可以多层嵌套放置，实现嵌套路由布局。只会加载一次，切换子路由时布局不会卸载。路由匹配到该目录时渲染。
loading.tsx	在页面或布局加载中时显示的占位 UI，类似骨架屏、加载动画。异步组件加载过程中自动显示。
error.tsx	捕获渲染或数据加载阶段的错误，防止整个应用崩溃，显示自定义错误提示。组件渲染或数据加载出现异常时触发。
not-found.tsx	只有访问路径找不到对应页面，或在代码中主动调用 notFound() 时才会触发。
template.tsx	可重复渲染的 layout（少用）。类似于 layout.tsx，但每次导航都会重新渲染和卸载，用于需要在路由切换时刷新状态的场景。 layout.tsx 保持状态和 DOM，template.tsx 会重新挂载。