教你学会Next.js14（c-shopping电商开源）
2024-01-31 本文已影响0人
深沉的简单
C-Shopping ：基于Nextjs14开发同时适配Desktop、Tablet、Phone多种设备的精美购物平台。轻量化独立站，使用最新的技术组合，初步得到国内外很多大佬认可。
后续会出一系列围绕这个项目的详细讲解，希望能对感兴趣的同学起到一点学习帮助，如果你喜欢和认可，请在github给我一个star，我会更有动力做下去。
开源地址：https://github.com/huanghanzhilian/c-shopping
在线演示地址：
- docker 部署地址：http://shop.huanghanlian.com/
- vercel 部署地址：https://c-shopping-three.vercel.app/
技术亮点：
- NextJs
- TailwindCss
- Headless UI
- MongoDB
- Redux - Toolkit - RTK Query
- Redux - 工具包 - RTK
- JWT
- Docker
如果你觉得有帮助，请给我一个 Star，这会给我更大的鼓励。
[图片上传失败...(image-90ed56-1706801151348)]
[图片上传失败...(image-9b121-1706801151348)]
| 模块 | Desktop devices | Mobile devices |
|---|---|---|
| 首页 | [图片上传失败...(image-9a8048-1706801151348)] | [图片上传失败...(image-f21cba-1706801151348)] |
| 三级分类 | [图片上传失败...(image-e6db95-1706801151348)] | [图片上传失败...(image-e0c3ff-1706801151348)] |
| 商品详情 | [图片上传失败...(image-eb006f-1706801151348)] | [图片上传失败...(image-1fb67e-1706801151348)] |
管理端
| 模块 | Desktop devices | Mobile devices |
|---|---|---|
| 登录 | [图片上传失败...(image-ecfea2-1706801151348)] | [图片上传失败...(image-de8ab2-1706801151348)] |
| 管理中心 | [图片上传失败...(image-53e158-1706801151348)] | [图片上传失败...(image-11048f-1706801151348)] |
