📚 课程介绍
本课程将带你通过Next.js、React和Node.js的技术栈,从零开始搭建一个SSR服务器渲染的全栈应用,包括项目初始化、环境配置、组件开发、路由管理、数据获取、生产部署等实战技能。
📋 学习前提
1. HTML/CSS基础(网页结构和样式语言) 2. JavaScript入门(网页交互编程语言) 3. React基础(用于构建用户界面的JavaScript库) 4. Node.js基础(用于服务器端编程的语言和环境) 5. 理解RESTful API和HTTP协议
📖 课程目录
第1章 课程介绍
1-1 课程导学
第2章 使用Next.js 项目初始化及工程配置介绍
2-1 Github项目初始化
2-2 开发环境配置
2-3 搭建MockServer
第6章 使用Next.js内置优化组件开发标签管理模块
6-1 CSR渲染标签管理列表
6-2 标签关注取关操作
6-3 新建文章增加标签选择
第7章 使用Next.js综合应用开发文章管理模块
7-1 SSR渲染个人中心页
7-2 CSR个人资料页
第8章 使用Next.js+Vercel进行生产环境部署
8-1 新建线上数据库
8-2 使用Vercel部署线上环境
8-3 本地推送代码自动触发部署
8-4 SSG和SSR区别
第9章 Next.js高级特性及项目优化
9-1 middleware中间件
9-2 dynamicImport动态导入
9-3 mdx在Markdown中写JSX
9-4 自定义Server脚本
9-5 实现ErrorBoundary错误兜底
9-6 WebVitals衡量页面性能指标
第10章 SSR原理实践自己从零搭建SSR
10-1 SSR-React版本-服务端渲染
10-2 SSR-React版本-前端注水
10-3 SSR-React版本-初始化ReduxStore
10-4 SSR-React版本-ReduxThunk中间件
10-5 SSR-React版本-导出路由说明routesConf
10-6 SSR-React版本-注入Window脱水数据
10-7 SSR-React版本-完善个人中心页
10-8 SSR-React版本-Helmet修改页面Head
10-9 从零实现一个简单的Redux
10-10 实现middleware
10-11 思路回顾
第11章 SSR原理实践自己从零搭建SSR
11-1 SSR-Vue版本-前端渲染
11-4 SSR-Vue版本-获取动态数据-1
11-5 SSR-Vue版本-获取动态数据-2
第4章 使用 Next.js API 路由开发登录注册模块
4-1 登录模块基本架子搭建
4-2 实现登录弹框基本结构
4-3 登录弹框样式
4-4 倒计时组件
4-5 短信平台配置
4-6 API路由
4-7 接入短信平台发送短信
4-8 设置服务端session
4-9 初始化MySql数据库
4-10 引入typeorm数据库映射
4-11 手机验证码自动注册用户
4-12 手机验证码自动注册用户
4-13 使用cookie实现全局登录状态保持
4-14 使用cookie实现全局登录状态保持
第3章 使用 Next.js 路由及模板开发首页导航模块
3-1 实现Layout
3-2 实现导航基本功能
3-3 导航样式调整
第5章 使用 Next.js 数据获取及 SSR 渲染开发个人主页模块
5-1 Markdown编辑器
5-2 新建文章发布
5-3 新建文章发布
5-4 SSR渲染首页文章列表
5-5 SSR渲染首页文章列表
5-6 SSR渲染文章详情页
5-7 文章编辑更新
5-8 发表评论
5-9 评论列表展示
第12章 课程总结
12-1 课程总结
