Next.js+React+Node系统实战,搞定SSR服务器渲染|完结无秘

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

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

适合人群
想构建一个SEO友好的网站的前端开发者
1-3 年初中级前端工程师
React / Next.js / SSR 感兴趣的同学

技术储备要求
前端基础知识HTML、CSS、JS
React基础知识

第1章 课程介绍(了解本课程必看) 试看1 节 | 8分钟

整体了解课程目标和课程内容安排,对 Next.js 作简要介绍,让同学对要做的事情有直观了解,准备前置流程。

收起列表

  • 视频:1-1 导学 (07:23)试看
第2章 使用Next.js 项目初始化及工程配置介绍3 节 | 35分钟

初始化 Next.js 项目,搭建 VSCode 标准开发环境,准备 Mock Server 生产模拟数据。

收起列表

  • 视频:2-1 Github项目初始化 (10:58)
  • 视频:2-2 开 发环境配置 (11:24)
  • 视频:2-3 搭建MockServer (11:44)
第3章 使用 Next.js 路由及模板开发首页导航模块3 节 | 42分钟

学习 Next.js 路由知识,搭建项目模板,初始化路由。

收起列表

  • 视频:3-1 实现Layout (14:51)
  • 视频:3-2 实现导航基本功能 (15:08)
  • 视频:3-3 导航样式调整 (11:25)
第4章 使用 Next.js API 路由开发登录注册模块14 节 | 208分钟

接入腾讯云短信和 MySQL 服务,拆解登录注册功能,实现短信发送,登录态保持,微信三方登录等功能。

收起列表

  • 视频:4-1 登录模块基本架子搭建 (12:22)
  • 视频:4-2 实现登录弹框基本结构 (10:24)
  • 视频:4-3 登录弹框样式 (14:15)
  • 视频:4-4 倒计时组件 (13:35)
  • 视频:4-5 短信平台配置 (09:56)
  • 视频:4-6 API路由 (12:17)
  • 视频:4-7 接入短信平台发送短信 (20:56)
  • 视频:4-8 设置服务端session (20:35)
  • 视频:4-9 初始化MySql数据库 (20:18)
  • 视频:4-10 引入typeorm数据库映射 (23:23)
  • 视频:4-11 手机验证码自动注册用户-1 (11:08)
  • 视频:4-12 手机验证码自动注册用户-2 (12:08)
  • 视频:4-13 使用cookie实现全局登录状态保持-1 (14:48)
  • 视频:4-14 使用cookie实现全局登录状态保持-2 (11:06)
第5章 使用 Next.js 数据获取及 SSR 渲染开发个人主页模块9 节 | 151分钟

拆分个人主页,实现多模块编辑展示功能,完成 MySQL 负责表结构设计。

收起列表

  • 视频:5-1 Markdown编辑器 (17:04)
  • 视频:5-2 新建文章发布-1 (13:40)
  • 视频:5-3 新建文章发布-2 (09:57)
  • 视频:5-4 SSR渲染首页文章列表-1 (17:07)
  • 视频:5-5 SSR渲染首页文章列表-2 (15:29)
  • 视频:5-6 SSR渲染文章详情页 (25:16)
  • 视频:5-7 文章编辑更新 (16:43)
  • 视频:5-8 发表评论 (23:31)
  • 视频:5-9 评论列表展示 (11:43)
第6章 使用 Next.js 内置优化组件开发标签管理模块 3 节 | 67分钟

完成标签管理开发和 MySQL 表结构设计。

收起列表

  • 视频:6-1 CSR渲染标签管理列表 (35:13)
  • 视频:6-2 标签关注取关操作 (14:53)
  • 视频:6-3 新建文章增加标签选择 (16:50)
第7章 使用 Next.js 综合应用开发文章管理模块

引入 Markdown 编辑器,完成文章编辑、发布、标签筛选等功能。

第8章 Next.js 高级特姓及项目优化

完成项目体积优化、打包、部署、线上访问等功能。

第9章 项目部署

完成项目体积优化、打包、部署、线上访问等功能

第10章 课程总结

回顾课程,总结重点。

免责声明: 1、本站信息来自网络,版权争议与本站无关 2、本站所有主题由该帖子作者发表,该帖子作者与本站享有帖子相关版权 3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和本站的同意 4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责 5、用户所发布的一切软件的解密分析文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。 6、您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 7、请支持正版软件、得到更好的正版服务。 8、如有侵权请立即告知本站,本站将及时予与删除 9、本站所发布的一切破解补丁、注册机和注册信息及软件的解密分析文章和视频仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。
600学习网 » Next.js+React+Node系统实战,搞定SSR服务器渲染|完结无秘