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

[jixiaopeng]

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 ，这会给我更大的鼓励。

模块	Desktop devices	Mobile devices
首页
三级分类
商品详情

管理端

模块	Desktop devices	Mobile devices
登录
管理中心

[xinmans]

看着不错

[jixiaopeng]

@xinmans 谢谢，希望对你有用

[FlytoSirius]

看起来确实很棒, 以这个项目, 应该足够教人学会 Next.js 了

[jixiaopeng]

@FlytoSirius 是的，我不大会写博客，一般看看代码，加上多查查文档就能学好了

[lstz]

比起前几次，这才是个不错的方式

[jixiaopeng]

@lstz 哈哈，没理解您的意思

[Jtyczc]

已 star ，学习了

[jixiaopeng]

@Jtyczc 谢谢支持