Shopping-Nest 是一个使用 React 和 NestJS 构建的购物平台项目,用于实践全栈开发技能。项目涵盖了从前端到后端的完整流程,包括用户认证、商品展示、购物车管理和订单处理等功能。
- 前端:React + Tailwind CSS
- 后端:NestJS + TypeORM + MySQL/PostgreSQL
- 用户注册
- 提高对现代前后端框架的理解
- 掌握 RESTful API 的设计与实现
- 实践代码风格一致性及高效开发流程
shopping-nest/
│
├── shopping-nest/ # React 前端代码
├── shopping-nest-server/ # NestJS 后端代码
├── README.md # 项目说明
仅显示出我使用的版本,其他版本并未测试。
- Node.js v20.11.0
- MySQL 8.0.40
-
克隆该项目:
// GitHub git clone https://github.com/yourusername/shopping-nest.git // BitBucket git clone https://[email protected]/hallowdem/shopping-nest.git cd shopping-nest
-
安装依赖:
cd shopping-nest && yarn install cd ../shopping-nest-server && yarn install
-
配置环境变量。在前端和后端的根目录下编辑
.env
,可参考根目录下的 README。 -
启动本地环境:
cd shopping-nest && yarn start cd ../shopping-nest-server && yarn start
-
访问应用:
实际端口看你的
.env
。- 前端:
http://localhost:3000
- 后端:
http://localhost:4000/api
- 后端 Swagger 文档:
http://localhost:4000/api-docs
- 前端:
请按照以下模板进行 commit:
[类型] 描述
- [类型] 必须为以下之一:
- data 数据相关的操作
- feat 新功能
- zus 状态管理、Zustand 相关
- dev 开发环境相关修改
- public 静态资源管理
- pkg 包依赖相关
- bug Bug 修复
- cmd 命令行工具或脚本
- log 日志修改
- mdw 中间件相关
- flt 数据过滤处理
- doc 文档相关
- db 数据库相关
- cfg 配置修改
- style 样式调整
[feat] 创建商品详情组件
这是一个学习项目,如果您有建议或者想法,欢迎提交 Issue 或