教你学会Next.js14（c-shopping电商开源）

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)]