你将收获

掌握 Next.js 核心知识

全栈开发基础

适用人群

有 React 基础,或对 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. ...

课程目录