App reviews, troubleshooting, and recommendations
I'm trying to migrate my Shopify app (in Next.js) to App Bridge v4.
I place the HTML tags in _document.js and they succesfully load the script. Unfortunately, I can't install the app while the script is present. It displays 404 page.
<meta
name="shopify-api-key"
content={process.env.NEXT_PUBLIC_SHOPIFY_API_KEY}
/>
<script src="https://cdn.shopify.com/shopifycloud/app-bridge.js"></script>
Once I remove the script, I am able to install the app, but of course the auth doesn't work. Once the app is installed and I add the script back, the auth and the app work.
So basicaly the script tag breaks the app Installation part.
We had same issue with Docker when deploying and fix was to add api key directly to content="KEY HERE"
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025