首页 实战 全栈进阶课程 React16.8+Next.js+Koa2一步到位开发Github
收藏

React16.8+Next.js+Koa2开发Github全栈项目

学习React服务端渲染同构设计方案,掌握OAuth登录体系的实现原理与开发

全栈进阶课程 React16.8+Next.js+Koa2一步到位开发Github

已完结 难度 高级 时长 19小时 学习人数 651 综合评分 9.98

本课程使用Next.js、Koa、Github API等搭建了一个全栈项目——第三方Github客户端。通过课程学习让同学们理解Next.js搭建全栈同构项目的过程以及其SSR原理,深度理解业界广泛使用的OAuth登录体系,提升竞争力。

Jokcy
讲师

前端架构师

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

React+SSR+Koa2全栈级课程

掌握众多热门技术与业务,突破你的技术瓶颈

帮你理清繁杂逻辑,让你更关注技术本身

高效掌握Next.js运用,全面理解OAuth登录原理

  • 1

    项目搭建

    创建Nextjs项目
    Nextjs作为Koa的中间件使用
    安装Redis数据库(Windows)
    安装Redis数据库(MAC)
    Next集成Antdesign

  • 2

    Next.js 基础讲解

    路由介绍/动态路由
    路由映射
    共享组件
    获取数据 / 添加样式
    lazy loading
    Nextjs配置讲解

  • 3

    OAuth API介绍

    什么是OAuth
    OAuth如何保证安全
    OAuth字段详解
    OAuth的不同认证方式
    认证和授权
    Github OAuth 接口介绍

  • 4

    引入Redux

    引入redux,存取公共数据
    dispatch的意义
    breducer拆解数据修改粒度
    store抽象
    为Nextjs接入Redux

  • 5

    Hooks新特性

    介绍Hooks的原理
    State Hooks 解析
    Effect Hooks 解析
    Context Hooks 解析
    Hooks 优化

  • 6

    项目总体设计

    项目需求详细分解
    布局组件开发
    细分路由配置
    公共组件开发
    其他一些细节

  • 7

    登录流程

    创建登录页面 / 创建登录完成页面
    Github APP注册
    添加Koa-Session
    存储Session到Redis保存登录状态
    联调前后端走通登录逻辑
    服务端渲染同步登录状态数据

  • 8

    仓库搜索

    搜索功能开发
    切换各种不同的搜索条件
    形成搜索记录
    联调搜索接口
    列表展示开发

  • 9

    仓库详情

    详情展示页面开发
    仓库详细数据联调
    tab切换展示Readme/Issue
    Readme/Issue数据联调

  • 10

    我的仓库

    创建我的仓库页面
    创建我关注的仓库页面
    个人信息授权请求
    联调数据
    复用Repo组件提升效率

掌握实现原理与流程,拥有全栈项目搭建能力

详细讲解同构服务器渲染的主要流程 详细讲解OAuth授权的登陆流程

学员专享增值服务

问答专区

关于课程的问题都可在问答区随时提问,讲师会

进行集中答疑

源码开放

课程案例代码完全开放给你,你可以根据所学知

识自行修改、优化

适合人群

本课程主要针对前端开发人员。
学完之后能深度掌握Next.js、Koa、OAuth等技能。

技术储备要求

Node端基础知识,对Koa框架有使用经验
对React至少有半年以上使用经验
有至少一个React项目的开发经验

环境参数

  • React >= 16.8
  • Koa >= 2.7
  • Next >= 8.0
  • Node >= 8.0
提问

  • 3

    我只用React做过一两个项目,能学这门课吗?

    亲,您好~Nextjs对于React的使用并没有太多定制化,所以有基础的React知识就可以进行Nextjs项目的开发。如果你已经有React基础,而且想要进阶,学习热门的技术点,这门课程会非常适合你。祝您学习愉快~


  • 2

    项目是从0搭建的吗,带着手敲吗?

    亲,您好~项目是从零开发的,我们会从搭建Nextjs项目,到安装数据库,开发自己的Koa服务,全程从零开始搭建项目。祝您学习愉快~


  • 2

    Jokcy老师,这门课讲的知识点都是最新的吗,版本是最新的吗?

    亲,您好~这门课的知识点都是最新的,不仅是nextjs、koa这些模块用的是最新的,React也是最新的16.8版本,并且会有非常多的Hooks新特性的实践。祝您学习愉快~


  • 3

    课程里学到的nextjs和Oauth技术能直接应用到实际项目里吗?

    亲,您好~当然可以,Nextjs较为适合面向用户的网站开发,而OAuth则是市面上最常见的第三方登录接入协议,比如QQ、微信、微博这些都可以用课程中的知识进行接入。祝您学习愉快~


  • 2

    为什么选这个实战项目,感觉还可以挑好一点的?

    亲,您好~这个项目非常适合课程内容,首先他天然具有OAuth授权服务,我们可以挑战全球最大的程序员交友网站的第三方登录接入。第二我们可以使用真实数据接口,而不需要在本地模拟数据,你的成就感会很高。第三,Github的接口和数据繁多,在你学完课程内容之后,你有非常多的机会使用其他一些接口去实践你学到的知识,而不是学完课程内容就结束。最后,咱们学编程学的是技术,是框架怎么用,项目在课程里面的地位并不高,你在这里学了再好的一个项目,跟你去一家公司做的项目肯定完全不一样,但是技术核心却都是一样的。所以不要因为项目的种类而去拒绝学习新技术。祝您学习愉快~


  • 0

    老师,我想问下nextjs作为服务端渲染有啥用,为啥还要用nextjs在服务端渲染下,

    亲,您好~服务端渲染可以解决纯webapp首屏渲染慢,无法seo等问题,并且还可以在渲染的时候携带初始数据,减少数据请求,可以说好处多多。祝您学习愉快~

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

学习咨询

选课、学习遇到问题?

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

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