重磅推荐 Next.js 14 开源了一个精美和适配多设备的WEB电商全栈项目(全新技术组合)

627 阅读2分钟

全栈开源地址: github.com/huanghanzhi…

APP 开源地址: github.com/huanghanzhi…

欢迎 Star 和提 Issues 、PR 。

前言 c-shopping是一个精美的web电商系统,支持响应式交互,界面优雅,功能丰富,小巧迅速,包含一个电商平台MVP完整功能,具备良好的审美风格与编码设计。

希望来的人,有所收获。故事不结束,青春不散场。

项目在线演示地址:

docker 部署地址:shop.huanghanlian.com/

vercel 部署地址:c-shopping-three.vercel.app/

项目传送门: github.com/huanghanzhi…

React Native 移动app应用:

项目传送门: github.com/huanghanzhi…

项目介绍 背景:

一直以来前端UI框架被固定形式占据(受限于传统的UI框架),导致视觉疲劳,在开发一些高度自定义的项目时,往往力不从心; 多设备适配的web优秀项目很少,学习和维护成本较高; 当项目复杂后,在组件需要调用多个 api 时会变得复杂起来,比如需要管理多个 loading 和 error 状态,这会导致产生非常多的 state 声明,还有请求取消、请求竞态等可能存在的问题也容易被忽略; 随着项目复杂,样式的开发与维护变得庞大且臃肿; 意图:

改进背景中提到的问题。

目的:

打造一个完整的,适合web端的良好生态。

使用技术 NextJs、TailwindCss、Headless UI、MongoDB、Redux - Toolkit - RTK Query、JWT、Docker

功能

用户端:

登录 JWT认证 注册 首页(分类navBar、banner、slider、特价板块、hot板块、畅销板块) 搜索 二级分类页(分类navBar、banner、slider、特价板块、hot板块、畅销板块) 三级分类页(排序、筛选) 商品详情(购物车) 购物车页 支付页 个人中心 我的订单 我的评论 地址管理 近期访问

管理端:

登录 JWT认证 注册 用户管理 分类管理 规格管理 商品管理 订单管理 评论管理 滑块管理 banner管理