首页 实战 Next.js+React+Node系统实战,搞定SSR服务器渲染
收藏

Next.js+React+Node系统实战,搞定SSR服务器渲染

轻松开发前后端应用,快速跻身前端高手行列

Next.js+React+Node系统实战,搞定SSR服务器渲染

难度 中级 时长 17小时 学习人数 139 综合评分 10.00

Next.js+React+Node系统实战,搞定SSR服务器渲染

Next.js是新兴的Web开发王牌工具, 更是React的经典拍档,帮你专注于核心业务逻辑。课程将教会你如何使用 Next.js 进行 React 同构开发,并掌握 SSR 渲染的原理,独立开发性能更好,SEO 更友好的网站。课程全面上手最新前后端技术栈React、Typescript、Node等,让你在竞争激烈的职场掌握先发优势!

Tomas
讲师

前端技术专家

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

前端最佳拍档Next.js+React系统实践,实现SSR服务器渲染

紧跟前端前沿技术发展,稳固个人技术领跑地位

技术跃迁
熟练应用前后端技术栈
· Next.js+React
· Typescript
· Antd
· Node
· MySQL
扩展视野
实战中掌握前后端开发能力
· Next+React+Typescript
· Node + Mysql + Typeorm
· 掌握数据表设计基本思想
· 掌握Next.js框架的使用
深入原理
理解并应用SSR同构原理
· 从0搭建React+Vue两个版本
· 前端注水及页面接管
· 服务端渲染及数据预取

六大独家课程亮点,助你进入职业发展快车道

行业领先技术栈
课程全面采用新版前后端技术栈
跟上行业节奏,不学过时技术!
前后端开发通吃
前端只是起跑线,前后端通吃才
是双保险。让你有叫板大厂的底
气。
系统掌握SSR服务器渲染
深入SSR原理,让你开发出性能
更好,SEO友好的网站项目,化
身前端万人迷。
经典项目实战
课程选取经典博客项目,可用作
各类网站的雏形,重新编译即可
复用。
大厂P7导师亲授
多年一线经验大厂P7讲师,不
论对流程的理解还是实操经验都
堪称宝库。
快速提升职业竞争力
React、TS、Next.js几个技术点
都有极大的发展前景,可以说只
要做前端就要用。

挑选最佳实践场景,自己动手从零搭建一个博客项目,实战中强化技术的应用能力

死磕Next.js+React实践中每个细节,一一攻克技术难点
项目初始化及工程配置
- 使用 create-next-app 创建
Typescript 项目
- 配置 vscode + eslint + prettier
代码开发环境
部署上线应用
- 使用 Vercel 完成线上环境部
发布
- 本地推送代码触发自动部署
从零搭建 SSR 同构项目
- 带你完成 React + Vue 两个框架
- SSR 同构项目搭建
- 前端注水及页面接管
- 服务端渲染及获取动态数据
Next.js+React+Typescript项目开发
- Next.js 路由
- Next.js API 路由
- Next.js SSR 渲染
- Next.js CSR 渲染
- Next.js + Antd
Next.js 高级特性及项目优化
- middleware 中间件
- dynamic动态导入
- mdx书写markdown
- 自定义server脚本
- ErrorBoundary错误兜底
- WebVitals衡量页面性能指标
从开发、优化、部署到上线,覆盖完整业务流程
第1章 课程介绍(了解本课程必看)
整体了解课程目标和课程内容安排,对 Next.js 作简要介绍,让同学对要做的事情有直观了解,准备前置流程。
第2章 使用Next.js 项目初始化及工程配置介绍
本章会使用 Next 脚手架初始化项目,搭建标准化开发环境,让你的代码写的更标准,更规范,自动提示错误警告,将 Bug 扼杀在摇篮中,同时借助 Next.js 的 API 路由和 Mock.js 搭建 MockServer,让你不再为构造假数据而烦恼。
第3章 使用 Next.js 路由及模板开发首页导航模块
本章会对项目首页进行模块化拆解,使用 Next.js 的页面静态路由、动态路由及嵌套路由等完成首页导航模块的开发,提前公用 Header 和 Footer,让你彻底明白 Layout 布局是如何起作用的。
第4章 使用 Next.js API 路由开发登录注册模块
本章是课程的重点章节,我们会正式进入服务端开发领域,使用 Next.js 的 API 路由及 Node 能力,来开发相应的接口,为前端页面提供数据。同时,也会从头开始新建数据库,设计用户登录表字段,实现短信验证码登录以及 Github 基于 OAuth2 协议的三方登录,让你彻底明白,登录注册到底是怎么实现的,自己完成整个前后端及数据库流程。
第5章 使用 Next.js 数据获取及 SSR 渲染开发个人主页模块
本章会使用 Next.js 的 SSR 能力完成文章列表渲染,教你会学习到什么是 SSR,它和 CSR 的区别是什么,使用 SSR 有什么优势,以及如何来开发一个 SSR 页面等等,学完本章你会对 SSR 有更深入的理解。
查看完整目录

每个慕课网课程,都是一个专业的技术社区

个性化增值服务,学习有保障更高效

答疑专区+技术社区
连百度谷歌都搜不到的问题,在这里讲
师都将耐心详细解答,更有小伙伴一起
交流互动,共同进步。
课程全套代码下载
提供课程全套源代码下载,包含:
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。
独家“动态”教辅材料
丰富的专属教辅资料上传更新,通过课程
教案、原理图解、技术文档、演示案例等
各种教材,保障你的学习效果。
实用电子文档
部分简单内容以图文形式呈现,与视频
相配合,既保障学习效果,又提高了学
习效率。
适合人群
想构建一个SEO友好的网站的前端开发者
1-3 年初中级前端工程师
对 React / Next.js / SSR 感兴趣的同学
技术储备
前端基础知识HTML、CSS、JS
React基础知识
环境参数
node 14.17.3
react 17.0.2
react-dom 17.0.2
next 12.0.10
Mysql 2 2.3.3
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题