frontend-shopify/shopify-react-editor-template
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Upgrade Next to 16.3.8 and default the store domain to mock.shop

Browse Source 
An unset or blank NEXT_PUBLIC_SHOPIFY_DOMAIN reached the Hydrogen client
as an empty storeDomain, which throws 'storeDomain is required and must
be non-empty'. Fall back to the tokenless mock.shop store, only send the
public token alongside a configured domain, and have the editor's Shopify
plugin read the same resolved config.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Rami Bitar
2026-10-03 11:56:31 -04:00
co-authored by Claude Opus 5.5
parent f71d73d7c0
commit 6104838684
5 changed files with 234 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/page-editor.tsx
+9 -4
View File
@@ -7,15 +7,20 @@ import { createShopifyPlugin } from '@reacteditor/plugin-shopify';
import { appConfig } from '@/editor.config';
import { publishPage } from '@/lib/publish-page';
import globals from '@/app.globals.json';
import {
SHOPIFY_API_VERSION,
SHOPIFY_PUBLIC_ACCESS_TOKEN,
SHOPIFY_STORE_DOMAIN,
} from '@/services/shopify/config';
const plugins = [
outlinePlugin(),
createTailwindCdnPlugin(),
createShopifyPlugin({
storeDomain: process.env.NEXT_PUBLIC_SHOPIFY_DOMAIN ?? 'mock.shop',
publicAccessToken:
process.env.NEXT_PUBLIC_SHOPIFY_PUBLIC_ACCESS_TOKEN ?? undefined,
apiVersion: process.env.NEXT_PUBLIC_SHOPIFY_API_VERSION ?? '2026-07',
// Same resolved config as the storefront, including the mock.shop fallback.
storeDomain: SHOPIFY_STORE_DOMAIN,
publicAccessToken: SHOPIFY_PUBLIC_ACCESS_TOKEN,
apiVersion: SHOPIFY_API_VERSION,
}),
];