掌握 Next.js 核心知识
全栈开发基础
你将收获
掌握 Next.js 核心知识
全栈开发基础
适用人群
课程介绍
循序渐进掌握 Next.js,从基础到核心,最后结合 Prisma 和 SQLite 完成综合案例。
01. 创建项目
02. 路由定义
03. 关于布局
04. 关于模板
05. 布局和模板的差异
06. 通过代码演示差异
07. usePathname
08. 效果展示
09. Header 组件封装
10. Hero 组件封装
11. 指定页面元数据
12. 关于 favicon
13. 关于 not-found
14. 初步实现 404
15. 通过判断 pathname 处理 404 页面的问题
16. 通过路由组处理 404 页面的问题
17. 优化网站字体
18. Vercel 自动部署
19. 关于动态路由
20. 临时集成 AntD
21. 动态路由案例
22. 动态 Metadata
23. 关于并行路由
24. 并行路由案例
25. 关于拦截路由
26. 拦截路由案例
27. 路由处理程序说明
28. 增加和删除接口
29. 修改和查找接口
30. 分页查询接口
31. 阶段任务
32. GET 缓存问题的说明
33. GET 缓存的退出
34. 中间件 middleware
35. 中间件案例 - 登录
36. 中间件案例 - 退出和拦截
37. 认识服务端组件
38. 使用服务端组件有什么好处
39. 客户端组件只在客户端执行吗
40. 不同类型组件交叉使用的注意点
41. RSC 最佳实践 - 数据共享
42. RSC 最佳实践 - Server-only
43. RSC 最佳实践 - 引入第三方包
44. RSC 最佳实践 - 使用 Context Provider
45. RSC 渲染策略 - 静态渲染
46. RSC 渲染策略 - 动态渲染
47. fetch 默认缓存
48. fetch 默认缓存的两种情况演示
49. 基于时间的重新验证
50. 按需重新验证
51. 缓存的四种类型
52. 完整路由缓存演示
53. 缓存行为是会发生变化的
54. 观察退出数据缓存的表现
55. 观察退出请求记忆的表现
56. 客户端路由缓存
57. 清除客户端路由缓存
58. Server Action 概述
59. 案例 - 传统方式
60. 案例 - Server Action 方式
61. Server Action 注意点
62. 什么是客户端组件下沉
63. useFormStatus
64. useFormState
65. zod 数据校验
66. ...
课程目录