文件名称:nextjs-tailwind-shopify-storefront:使用TailwindCSS的Shopify无头React店面的入门模板
文件大小:331KB
文件格式:ZIP
更新时间:2024-05-22 02:51:39
TypeScript
下一个Shopify店面 使用TypeScript,NextJS,React,Apollo Client,Shopify Storefront GraphQL API和TailwindCSS构建的真实购物车。 技术领域 代替React.Component创建有状态的组件 组件属性,操作和服务的TypeScript静态类型 为TypeScript生成模型 带有扩展 与Next.js一起使用,包括服务器端和客户端 。 UI的 &到棉绒和格式化的源代码。 在部署 如果您喜欢这个专案,请按[星号]按钮 :star: 检查清单 :check_mark_button: 尾风CSS :check_mark_button: 显示产品 :check_mark_button: 产品页面 :check_mark_button: 添加到购物车功能 :black_square_button: 分页 :check_mark_button: 部署到Heroku 演示版 您可以访问此处查看演示: : 用法 安装依赖项 npm install 将.env.example重命名为.env并为Shopif
【文件预览】:
nextjs-tailwind-shopify-storefront-master
----models()
--------shopify.model.ts(144KB)
--------index.ts(33B)
----next.config.js(218B)
----package.json(2KB)
----utilities()
--------link.utility.ts(429B)
--------index.ts(64B)
----LICENSE(1KB)
----package-lock.json(478KB)
----.env.example(48B)
----pages()
--------_app.tsx(3KB)
--------products()
--------index.tsx(248B)
----tsconfig.json(485B)
----next-env.d.ts(75B)
----.gitignore(2KB)
----components()
--------Products()
--------Elements()
--------Product()
--------Home()
--------Layout()
--------Cart()
----tailwind.config.js(556B)
----styles()
--------cart.css(3KB)
--------tailwind.css(3KB)
----README.md(2KB)
----services()
--------product.ts(1KB)
--------checkout.ts(3KB)
--------products.ts(2KB)
--------client.ts(516B)
----yarn.lock(368KB)
----apollo.config.js(391B)
----postcss.config.js(101B)
----hocs()
--------withLayout.tsx(329B)