本课程使用Next.js、Koa、Github API等搭建了一个全栈项目——第三方Github客户端。通过课程学习让同学们理解Next.js搭建全栈同构项目的过程以及其SSR原理,深度理解业界广泛使用的OAuth登录体系,提升竞争力。
项目搭建
创建Nextjs项目
Nextjs作为Koa的中间件使用
安装Redis数据库(Windows)
安装Redis数据库(MAC)
Next集成Antdesign
Next.js 基础讲解
路由介绍/动态路由
路由映射
共享组件
获取数据 / 添加样式
lazy loading
Nextjs配置讲解
OAuth API介绍
什么是OAuth
OAuth如何保证安全
OAuth字段详解
OAuth的不同认证方式
认证和授权
Github OAuth 接口介绍
引入Redux
引入redux,存取公共数据
dispatch的意义
breducer拆解数据修改粒度
store抽象
为Nextjs接入Redux
Hooks新特性
介绍Hooks的原理
State Hooks 解析
Effect Hooks 解析
Context Hooks 解析
Hooks 优化
项目总体设计
项目需求详细分解
布局组件开发
细分路由配置
公共组件开发
其他一些细节
登录流程
创建登录页面 / 创建登录完成页面
Github APP注册
添加Koa-Session
存储Session到Redis保存登录状态
联调前后端走通登录逻辑
服务端渲染同步登录状态数据
仓库搜索
搜索功能开发
切换各种不同的搜索条件
形成搜索记录
联调搜索接口
列表展示开发
仓库详情
详情展示页面开发
仓库详细数据联调
tab切换展示Readme/Issue
Readme/Issue数据联调
我的仓库
创建我的仓库页面
创建我关注的仓库页面
个人信息授权请求
联调数据
复用Repo组件提升效率
关于课程的问题都可在问答区随时提问,讲师会
进行集中答疑
课程案例代码完全开放给你,你可以根据所学知
识自行修改、优化
本课程主要针对前端开发人员。
学完之后能深度掌握Next.js、Koa、OAuth等技能。
Node端基础知识,对Koa框架有使用经验
对React至少有半年以上使用经验
有至少一个React项目的开发经验
如无法下载使用图片另存为
下载海报选课、学习遇到问题?
扫码添加指导老师 1V1 帮助你!
添加后老师会第一时间解决你的问题