/next-tpl

开箱即用的 nextjs 模板,集成 antd 按需加载、集成 axios 接口、接口加密、集成 react-redux、集成 docker。

Primary LanguageTypeScript

next-tpl

开箱即用的 nextjs 模板,集成 antd 按需加载、集成 axios 接口、集成 react-redux、集成 docker。

企业版包含部分授权业务代码未开源

docker

# 发布
sh /home/saber2pr/next-tpl/scripts/publish.sh testing

# 运行指定镜像
sh /home/saber2pr/next-tpl/scripts/run.sh <tag>

# 打包镜像
sh /home/saber2pr/next-tpl/scripts/build.sh testing

config 配置/定制项

API/IP 配置

  1. api/apiConfig

配置后端 api 地址、CDN 地址、代理 api


  1. api/apiUrls

配置 api 列表


  1. api/getToken

配置 token 获取、鉴权策略


  1. api/utils::(origin,domain)

配置 cookie domain、cors

Redux 配置

  1. store/IState

配置全局 state

其他配置

  1. utils/analytics-google

配置谷歌分析


  1. utils/console

配置控制台 console 信息


  1. utils/constants

配置 token-key 等常量

脚本配置

  1. scripts/build

配置 docker 打包脚本


  1. scripts/run

配置 docker 镜像运行脚本


  1. scripts/publish

配置 docker 打包/发布/运行脚本

分支管理

  1. dev 更改,dev 合并到 testing,testing 发布到测试服测试,测试通过后 testing 合并到 master。

  2. 推送 master,测试服测试 master,测试通过后发布 master。

master 发布后,执行 yarn reset:branch 重置 dev 和 testing 分支。

每当 master 分支发布后,如果 dev 和 testing 都已合并且落后就需要 reset 重置。

重置后的状态为 master/origin、dev/origin、testing/origin、origin/HEAD 在一个点上

分支发布推荐使用 yarn push

多人开发

  1. 从 testing 分支检出 feat-xxx 分支,开发完成后合并到 testing 分支,testing 分支测试通过后合并到 master 发布。

版本管理

  1. fix-xxx 分支作为临时 bug 修复,合并到 testing 分支测试通过后可以直接合并到 master 发布

  2. feat-xxx 分支作为功能分支,合并到 testing 分支测试通过后,如果需要发布版本,需要当前 HEAD 打上 tag 再合并到 master 发布。

master 和 testing 分支需要保留且只读,其他分支被合并后需要被删除。

vscode 必装插件

  1. 暗色主题:After Dark

  2. 自动闭合:Auto Close Tag

  3. 自动导入:Auto Import

  4. html 标签快速命名:Auto Rename Tag

  5. Git 分支图形化:Git Graph

  6. 路径自动补全:Path Autocomplete、Path Intellisense

  7. 代码格式化:Prettier

  8. 导入格式化:TypeScript Import Sorter

vscode 设置

  1. 文件>首选项>设置>搜索 terminal.integrated.shell.windows,替换为 git:bash 的绝对路径。

项目前必读

ssr 项目架构注意与优化

Nextjs 首屏渲染速度优化

学习 antd 组件设计

react16 以后不需要的一些操作