# learn-nextjs

**Repository Path**: ajaxget/learn-nextjs

## Basic Information

- **Project Name**: learn-nextjs
- **Description**: 学习 nextjs
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-03-11
- **Last Updated**: 2024-03-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

学习 Next.js ==> https://nextjs.org/learn/dashboard-app/improving-accessibility

16章全部学习完毕

- /app/layout.tsx --> 根布局
- /app/page.tsx --> 路由 /
- /app/dashboard/layout.tsx --> dashboard布局组件
- 当访问 /dashboard 时，采用 dashboard/layout.tsx 作为布局组件
- 不过 /app/layout.tsx 还是作为最大的最外层的根布局
- 但是 /app/page.tsx 在 /dashboard 路由里面就不生效了，/app/page.tsx 他是路由 / 的时候生效
- /app/dashboard/page.tsx 当访问 /dashboard 的时候作为默认路由组件传递到 /app/dashboard/layout.tsx 里面作为子路由
- 当访问 /dashboard/customers 的时候将
- /app/dashboard/customers/page.tsx 作为默认路由放到 /app/dashboard/layout.tsx 里面作为子路由
- 如果添加 use client 后,组件就变成了真正的客户端组件了,和之前用普通React开发的组件效果相同
- 默认是 use server,你在组件内部打印日志,也就是打印一次,只有组件刷新后才会打印,其他时候哪怕再次访问路由也不会打印,你可以想象是JavaWeb的形似,将获取的数据包装起来,返回JSP页面,当第一次进入页面的时候渲染数据,后续不会在请求新的数据了,除非再次刷新,这也叫做动态渲染