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

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

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

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

难度 中级 时长 17小时 学习人数 134 综合评分 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.js 项目,搭建 VSCode 标准开发环境,准备 Mock Server 生产模拟数据。
第3章 使用 Next.js 路由及模板开发首页导航模块
学习 Next.js 路由知识,搭建项目模板,初始化路由。
第4章 使用 Next.js API 路由开发登录注册模块
接入腾讯云短信和 MySQL 服务,拆解登录注册功能,实现短信发送,登录态保持,微信三方登录等功能。
第5章 使用 Next.js 数据获取及 SSR 渲染开发个人主页模块
拆分个人主页,实现多模块编辑展示功能,完成 MySQL 负责表结构设计。
查看完整目录

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

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

答疑专区+技术社区
连百度谷歌都搜不到的问题,在这里讲
师都将耐心详细解答,更有小伙伴一起
交流互动,共同进步。
课程全套代码下载
提供课程全套源代码下载,包含:
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。
独家“动态”教辅材料
丰富的专属教辅资料上传更新,通过课程
教案、原理图解、技术文档、演示案例等
各种教材,保障你的学习效果。
实用电子文档
部分简单内容以图文形式呈现,与视频
相配合,既保障学习效果,又提高了学
习效率。
适合人群
想构建一个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 帮助你!

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