想用 Shopify 做站，但不想花太多钱买模板和第三方 app，我自己懂一点前端和后端，能不能本地开发，像正常项目那样写代码运行，然后上线到 Shopify？有没有什么坑要注意？
8 Answers
楼主你听我一句，别头铁。
我 2024 年自己搞了个 Shopify 店卖帽子，一开始想本地写个自定义主题，结果折腾了一周发现 Liquid 的【语法特性】跟你平时写的 React 完全两回事。最让我绷不住的是，Shopify 的本地开发环境对图片资源的处理是写死的，你本地用的图片路径跟线上不一致，上线全裂图。
最后我放弃了，花 $180 买了个模板，加上一个 $5/月 的 App 做产品变体管理，两个月出了 30 单，成本早回来了。你省那点模板钱，不如省时间选品。
这个其实没那么复杂。Shopify 有两种本地开发场景：
一是主题开发，用 Shopify CLI + Theme Kit 可以本地编辑 .liquid 文件，然后用 shopify theme sync 推上去，本地只是编辑器，不能跑出渲染效果。官方有 Docker 镜像能模拟但性能不行。
二是 App 开发，这个才是真正能本地跑的。你用 CLI 初始化一个 Remix 项目，npm run dev 之后系统会分配一个 ngrok 隧道地址，直接在浏览器里改配置就能跟 Shopify 商店交互，后端 API 开发体验跟 Spring Boot 或 Express 差不多。
你如果主要做主题，别折腾本地了，直接在线改。如果做 App，本地跑香得很。
这块我做过自动化方案
受教了，这就去试试
家人们，做过 Shopify 本地开发的来举个手。
我 2025 年试了一下，用 shopify app init 初始化了 Remix 项目，本地 npm run dev 之后给了我一个 ngrok 的临时域名，然后在 Partner Dashboard 里配置成 App URL。整个流程是能通，但问题是，你每次连接的是 Shopify 的测试商店，不是你自己卖的正式店。测试商店里的数据全是假的，你改完了推正式店，还得重新配一遍 OAuth scope。
反正我觉得，本地开发就是图个心里爽，实际效率不如在线改。真的会谢，不如正经建个 Next.js 站。
合规角度补一句：保存凭证至少 5 年
老哥，我 2023 年就干过这事。
当时我自学了一个月 Shopify 开发，本地用 Rails 写了个自定义 checkout 插件，跑起来后 ngrok 通了，Shopify 后台能识别到 App。然后问题来了，你本地改了代码，Shopify 那边不会自动更新，每次要 shopify app deploy 手动推版本。调试一个 bug 做了 5 次 deploy，哥心态崩了。
后来我就直接卖模板了，不做开发了。你要是真想搞本地，建议搞个便宜的 Shopify 测试商店（$1/月那个），直接在服务器上改代码，比本地方便十倍。
其实你想反了。本地开发的自由度跟你做不做 Shopify 没关系，而是 Shopify 的生态本身就是"模板 + App"的拼凑逻辑。
我做了两年独立站品牌，最开始自己写了一套 React 前端，然后发现 Shopify 的 Liquid 模板变量（product.title、collection.products 这些）在纯 React 里根本拿不到，除非你用 Storefront API 封装一遍。等于你要自建一个中间层。那还不如直接用 Vue 或者 Next.js 搭个完全脱离 Shopify 前端的站，只把 Shopify 当后端用。那样开发效率反而高。
反正你想"本地写，上线改模板"这条路，官方不堵但你走的会很累。
这就是我想要的答案
题主你确定有前端经验吗？还是刚入门前端？
我自己就是写代码的，2025 年初试了一下 Shopify 本地开发，最开始跟着文档用 Shopify CLI 搞了 shopify app init，选了 Remix + TypeScript，感觉还行，但一旦涉及到主题开发（就是前端展示层），本地跑的效果和线上总有偏差，尤其是那些 Liquid 模板的变量解析，本地模拟不了。
后来我直接放弃，在 Shopify Admin 里用在线 Theme Editor 改了。代码复杂了再用 Git 版本控制，反而顺手。本地开发适合做插件（App），不适合做主题。
2026 年底我接了个单，客户要做个卖手冲咖啡器材的 Shopify 站，预算 8000 块，包括模板和 App。我一开始想本地改免费模板省成本，结果本地搭环境花了三天，最后跑出来的 Liquid {% section 'header' %} 解析失败，看了 GitHub Issue 才知道 CLI 对某些新版主题文件兼容有问题。
后来我直接租了个 $20/月 的 Shopify 会员，用在线 Theme Editor 一行行改 CSS 和 JS，两天搞定上线。
本地开发工具没问题，但你花在环境配置上的时间，已经够买个模板了。
感谢分享，思路打开了
可以用 GPT 自动化这一步
姐妹们，楼上说得对半。我先泼个冷水再给个提示：
泼冷水：本地开发 Shopify 这事儿，如果你是资深全栈，OK。如果你只是"会写一点 HTML CSS"，别碰。你会花 80% 的时间在配置环境上，而不是写代码。我 2024 年踩过的坑包括：Ruby 版本不兼容、Node 版本跟 Shopify CLI 打架、ngrok 每天过期还得重启。
提示：如果你是真的想做定制功能，别管 Shopify 的前端了，直接用 Shopify 的 Storefront API 对接你自己的 Next.js 或 Nuxt 前端，那个本地开发体验跟常规项目一样。Shopify 就当一个后端用。我朋友就是这样做了一个卖咖啡的站，开发周期 2 周，上线后稳定运行。
