⚠️ 重要提醒:课程资源里面的所有加微信什么的不要信,上当受骗与本站无关。

📚 课程介绍

本课程将带你通过Next.js、React和Node.js的技术栈,从零开始搭建一个SSR服务器渲染的全栈应用,包括项目初始化、环境配置、组件开发、路由管理、数据获取、生产部署等实战技能。

📋 学习前提

1. HTML/CSS基础(网页结构和样式语言) 2. JavaScript入门(网页交互编程语言) 3. React基础(用于构建用户界面的JavaScript库) 4. Node.js基础(用于服务器端编程的语言和环境) 5. 理解RESTful API和HTTP协议

⭐ 推荐指数

⭐⭐⭐⭐☆ (4/5星)

📖 课程目录

第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 课程总结

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。