Next.js+React+Node系统实战,搞定SSR服务器渲染 完整版
第1章 课程介绍(了解本课程必看) 试看1 节 | 8分钟
整体了解课程目标和课程内容安排,对 Next.js 作简要介绍,让同学对要做的事情有直观了解,准备前置流程。
第2章 使用Next.js 项目初始化及工程配置介绍3 节 | 35分钟
本章会使用 Next 脚手架初始化项目,搭建标准化开发环境,让你的代码写的更标准,更规范,自动提示错误警告,将 Bug 扼杀在摇篮中,同时借助 Next.js 的 API 路由和 Mock.js 搭建 MockServer,让你不再为构造假数据而烦恼。
第3章 使用 Next.js 路由及模板开发首页导航模块3 节 | 42分钟
本章会对项目首页进行模块化拆解,使用 Next.js 的页面静态路由、动态路由及嵌套路由等完成首页导航模块的开发,提前公用 Header 和 Footer,让你彻底明白 Layout 布局是如何起作用的。
第4章 使用 Next.js API 路由开发登录注册模块18 节 | 286分钟
本章是课程的重点章节,我们会正式进入服务端开发领域,使用 Next.js 的 API 路由及 Node 能力,来开发相应的接口,为前端页面提供数据。同时,也会从头开始新建数据库,设计用户登录表字段,实现短信验证码登录以及 Github 基于 OAuth2 协议的三方登录,让你彻底明白,登录注册到底是怎么实现的,自己完成整个前...
第5章 使用 Next.js 数据获取及 SSR 渲染开发个人主页模块9 节 | 151分钟
本章会使用 Next.js 的 SSR 能力完成文章列表渲染,教你会学习到什么是 SSR,它和 CSR 的区别是什么,使用 SSR 有什么优势,以及如何来开发一个 SSR 页面等等,学完本章你会对 SSR 有更深入的理解。
第6章 使用 Next.js 内置优化组件开发标签管理模块4 节 | 87分钟
本章会使用 Next.js 的 CSR 能力完成标签管理模块的渲染,主要是为了和 SST 做区分对比,同时会基于 Antd 组件库完成相关标签功能开发,让你了解在实际开发场景中,是如何基于现有组件库来节省自己的开发时间,提高效率 。
第7章 使用 Next.js 综合应用开发文章管理模块2 节 | 46分钟
本章会基于 Next.js + Antd 综合应用,来开发个人主页模块,是对之前学习知识的一个综合应用,融会贯通。
第8章 使用 Next.js + Vercel 进行生产环境部署4 节 | 55分钟
本章会进入生产环境部署阶段,会基于 Vercel 来方便的完成 Next.js 项目的生产环境部署,同时可以实现本地 push 代码,远程直接自动化进行编译、打包、部署等流程,你可以学习到 Next.js 打包出来的产物是什么,以及如何查看线上访问日志等。...
第9章 Next.js 高级特性及项目优化6 节 | 72分钟
本章会对 Next.js 的高级特性进行介绍,以及如何对项目进行优化,你可以了解到什么是中间件 middleware,什么是 dynamic 动态导入,什么是 ErrorBoundary 错误兜底,以及如何通过 WebVitals 衡量页面性能指标等。
第10章 SSR 原理实践自己从零搭建 SSR 同构项目——React版11 节 | 148分钟
本章会从零开始,带着你搭建一个 React 版本的 SSR 同构应用,包括路由管理、状态管理、CSR 渲染、SSR 渲染、数据预取等关键流程,彻底讲明白什么是 SSR,以及 SSR 的原理,自己动手实现一个 SSR。
第11章 SSR 原理实践自己从零搭建 SSR 同构项目——Vue版5 节 | 90分钟
- 本章会从零开始,带着你搭建一个Vue 版本的 SSR 同构应用,包括路由管理、状态管理、CSR 渲染、SSR 渲染、数据预取等关键流程,彻底讲明白什么是 SSR,以及 SSR 的原理,自己动手实现一个 SSR
第12章 课程总结1 节 | 5分钟
对全部课程做一个归纳总结,帮助大家梳理学到的知识,同时为以后的学习提供一些个人建议。
**** Hidden Message *****
正需要,支持楼主大人了! 回的人少,我来小顶一下 6666666666666666666666666666 啥也不说了,感谢楼主分享哇! 啥也不说了,感谢楼主分享哇! 啥也不说了,感谢楼主分享哇! 66666666666666666 啥也不说了,感谢楼主分享哇! 6666666666666666666666666