Skip to content

使用 Next.js + TypeScript + Ant Design Mobile 开发,并且基于 Serverless 部署的 V2EX 客户端

Notifications You must be signed in to change notification settings

tinafangkunding/serverless-v2ex

 
 

Repository files navigation

Serverless V2EX

在线预览

使用 Next.js + TypeScript 开发,并且基于 Serverless 部署的 v2ex 客户端

流程图

Deploy Flow

功能

  • Typescript
  • Next.js
  • 自定义 Express Server
  • SSR Cache cacheable-response
  • 基于 Serverless Next.js 组件部署
  • 静态资源分离,自动部署到 COS
  • 自动为静态 COS 配置 CDN
  • node_modules 基于层部署,大大提高部署效率

展示

本地开发

$ npm install

$ npm run dev

构建

$ npm run build

配置

在部署到 Serverless 前,将 .env.example 重命名为 .env,并请完成如下配置:

# 腾讯云授权密钥
TENCENT_APP_ID=xxx
TENCENT_SECRET_ID=xxx
TENCENT_SECRET_KEY=xxx

# 部署地区
REGION=ap-guangzhou

# 静态资源上传 COS 桶名称
BUCKET=serverless-v2ex

# API 网关自定义域名 和 证书 ID
APIGW_CUSTOM_DOMAIN=v2ex.yuga.chat
APIGW_CUSTOM_DOMAIN_CERTID=xxx

# CDN 域名,证书 ID
CDN_DOMAIN=static.v2ex.yuga.chat
CDN_DOMAIN_CERTID=xxx

注意:如果不需要使用 CDN,直接使用 COS 自动生成的域名,也是可以的,只需要删除 serverless.yml 中的 cdnConf 即可。

部署

此项目会先将 node_modules 部署到 ,然后在部署项目代码, 这样下次部署项目时,如果 node_modules 没有修改,我们就不需要部署庞大的 node_modules 文件夹了。

  1. 部署层:
$ npm run deploy:layer

注意:如果项目 node_modules 没有变更,就不需要执行此命令。

  1. 部署业务代码:
$ npm run deploy

License

MIT

About

使用 Next.js + TypeScript + Ant Design Mobile 开发,并且基于 Serverless 部署的 V2EX 客户端

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 78.7%
  • CSS 15.0%
  • JavaScript 4.9%
  • Shell 1.4%