本项目基于 Next.js 和 Koa 框架实现。主要实现了 GitHub 账号的第三方登录,查询阅览 GitHub 项目和展现项目的 Issues 详情等功能。服务端渲染 SSR 是一种利于 SEO 和页面加载速度的技术。此项目也是我初次对服务端渲染 SSR 的一个小探索吧。
- 服务端渲染框架: Next.js
- 前端开发语法: React Hook
- 前端类型注解: Typescript
- Node.js框架: Koa
- 数据存储: Redis
- 第三方登录: GitHub OAUTH
- CSS 处理: Styled Components
├── assets // 静态资源和公共文件
├── components // 公共组件
├── pages // 页面组件 会被解析成对应地址的路由
├── server // Koa中间件和Redis设置等文件
├── service // 接口相关文件
├── store // 状态管理相关文件
├── utils // 公共方法,如时间处理,缓存方法等
├── next.config.js // next配置文件
├── server.js // Koa启动文件
- 第三方登录
- 查询项目
- 项目详情
- 项目issues
启动该项目前需要安装 Redis 并成功运行 Redis,本项目的 Redis 存储设置了密码,若所启用的Redis并没有设置密码或者密码与本项目的不同,可以在server.js
文件中修改 Redis 相关配置。
server.js
// 在该处配置Redis
const redis = new Redis({
port: 6379, // Redis port
host: "127.0.0.1", // Redis host
password: "123456",
});