nest+react+vue3 写一个你自己的博客网站

自己的博客

适合想学习 nest,react,vue3,docker 做一套属于自己的博客的同学

项目地址: https://github.com/wmy94827/nest-react-blog

如果对你有帮助,给你star,谢谢

  • 在线演示 - 后台管理
  • 在线演示 - 客户端
  • 接口文档演示 - 接口文档

技术栈

  • 后台管理 - react + vite + ts + hooks + windicss (基于 Acro Design Pro 搭建)
  • 客户端 - vue3 + vite + ts + windicss
  • 服务端 - nest + typeorm + mysql + ts + docker

学习地址

  • 新的开源计划 - 可视化dataV

感谢

如果觉得你对你有帮助,给个star吧~ 谢谢

react 后台管理

  • 后台 react 项目中基于 table modal upload markdown 编辑器 做了简单的二次封装.
  • 基于 axios+ts 对接口进行了二次封装 统一定义 interface
  • 基于 axios 打印了响应结果 请求参数 以及 功能名称 方便小伙伴公司开发环境调试对接

nest 服务端

  • swagger 接口文档
  • 接口错误异常统一处理返回 code msg 前端统一弹出 msg 提示
  • CURD 接口实现
  • 根据角色配置权限 jwt 生成 token
  • 登录注册 加密 等等……

本人服务端nest学习参考的 Nest.js 实战系列

目录结构

  • admin 后台管理
  • client 客户端
  • service 服务端

使用

  1. 下载项目代码。
git clone https://github.com/wmy94827/nest-react-blog.git my-blog
cd my-blog
  1. 服务端项目启动

service项目中 .env.example修改成.env 并修改 账号密码等配置信息 默认开启自动实体

本地创建对应的数据库 然后启动

cd service
yarn install
yarn start:dev
  1. 后台项目启动
cd admin
yarn install
yarn dev
  1. 客户端项目启动
cd client
yarn install
yarn dev

注意事项

1.需要先启动service项目为后台和客户端项目提供服务

你可能感兴趣的:(nodejs,知识点学习,编译器,react.js,前端,typescript,node.js,vue.js)