github.com
获得徽章 0
- 重磅推荐 Next.js 14 开源了一个精美和适配多设备的WEB电商全栈项目（全新技术组合）
全栈开源地址：
github.com
APP 开源地址：github.com
欢迎 Star 和提 Issues 、PR 。
前言
c-shopping是一个精美的web电商系统，支持响应式交互，界面优雅，功能丰富，小巧迅速，包含一个电商平台MVP完整功能，具备良好的审美风格与编码设计。
希望来的人，有所收获。故事不结束，青春不散场。
项目在线演示地址：
docker 部署地址：shop.huanghanlian.com
vercel 部署地址：c-shopping-three.vercel.app
项目传送门:github.com
React Native 移动app应用:
项目传送门:github.com
项目介绍
背景：
一直以来前端UI框架被固定形式占据（受限于传统的UI框架），导致视觉疲劳，在开发一些高度自定义的项目时，往往力不从心；
多设备适配的web优秀项目很少，学习和维护成本较高；
当项目复杂后，在组件需要调用多个 api 时会变得复杂起来，比如需要管理多个 loading 和 error 状态，这会导致产生非常多的 state 声明，还有请求取消、请求竞态等可能存在的问题也容易被忽略；
随着项目复杂，样式的开发与维护变得庞大且臃肿；
意图：
改进背景中提到的问题。
目的：
打造一个完整的，适合web端的良好生态。
使用技术
NextJs、TailwindCss、Headless UI、MongoDB、Redux - Toolkit - RTK Query、JWT、Docker展开
25 - #创意投稿大赛# 第一次开源，有很多不足之处；希望能帮助自己，也能帮助到别人。
C-Shopping ：基于Nextjs14开发同时适配Desktop、Tablet、Phone多种设备的精美购物平台。
开源地址：github.com
在线演示地址：
- docker 部署地址：shop.huanghanlian.com
- vercel 部署地址：c-shopping-three.vercel.app
技术亮点：
- Next.js
- TailwindCss
- Headless UI
- MongoDB
- Redux - Toolkit - RTK Query
- Redux - 工具包 - RTK
- JWT
- Docker
如果你觉得有帮助，请给我一个 Star，这会给我更大的鼓励。展开
716
