首页 实战 全栈进阶课程 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
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

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

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