shopify-deploy-integration

# Shopify Deploy Integration ## Overview Deploy Shopify apps to popular hosting platforms. Covers environment configuration, webhook URL setup, and Shopify CLI deployment for extensions. ## Prerequisites - Shopify app tested locally with `shopify app dev` - Platform CLI installed (vercel, fly, or gcloud) - Production API credentials ready - `shopify.app.toml` configured ## Instructions ### Step 1: Deploy App with Shopify CLI ```bash # Shopify CLI handles extension deployment and app config sync shopify app deploy # This uploads: # - Theme app extensions # - Function extensions # - App configuration (URLs, scopes, webhooks) # But NOT your web app — you host that separately ``` ### Step 2: Vercel Deployment ```bash # Set environment variables vercel env add SHOPIFY_API_KEY production vercel env add SHOPIFY_API_SECRET production vercel env add SHOPIFY_SCOPES production vercel env add SHOPIFY_APP_URL production # Deploy vercel --prod ``` ```json // vercel.json { "framework": "remix", "env": { "SHOPIFY_API_KEY": "@shopify-api-key", "SHOPIFY_API_SECRET": "@shopify-api-secret" }, "headers": [ { "source": "/webhooks(.*)", "headers": [ { "key": "Access-Control-Allow-Origin", "value": "*" } ] } ], "functions": { "app/**/*.ts": { "maxDuration": 25 } } } ``` Update `shopify.app.toml` with your Vercel URL: ```toml [auth] redirect_urls = [ "https://your-app.vercel.app/auth/callback" ] application_url = "https://yo...