next-shopify-storefront前端商城模板
next-shopify-storefront 的购物车体验,真挺贴近实战的。用上了NextJS、TypeScript、React、Redux还有Apollo Client,这些组合放一块儿,开发效率一下子就上来了。嗯,尤其是和Shopify GraphQL API配合,数据拉得快,组件写得也清爽。
状态管理用的是比较经典的 react-redux
搭配 TypeScript 的静态类型,好处就是代码健壮,属性定义清晰,出了问题也容易排查。你写个 Reducer
或 Action
,IDE 就能自动提示类型,少了多瞎猜时间。
Material UI也集成得不错,样式统一,页面观感也比较现代。如果你懒得自己折腾 UI 组件库,那这个搭配算是挺省心的选择。还用了不少高阶组件,比如封装 GraphQL 求逻辑,写起来更干净。
还有一个点我觉得蛮值一提的:它支持服务端渲染(SSR),也就是说 SEO 和首屏加载都比较友好,对做商城前台挺关键的。如果你是做电商类站点,这种架构还挺值得试试的。
代码风格也整得蛮规矩,配好了 ESLint
和 Prettier
,格式统一,团队合作时能省不少事。部署方面直接对接 NodeJS 服务,丢到 Vercel 或 Render 上都没啥问题。
如果你平时在搞Next.js全栈项目,又碰巧在研究 Shopify,那可以去逛逛这个仓库,说不定有你用得上的点子。顺手点个 star
支持一下作者也是应有的。
next-shopify-storefront-master.zip
预估大小:50个文件
next-shopify-storefront-master
文件夹
utilities
文件夹
index.ts
63B
link.utility.ts
429B
pages
文件夹
cart.tsx
141B
index.tsx
141B
_document.tsx
172B
products.tsx
1KB
product.tsx
510B
58.39KB
文件大小:
评论区