Public Shopify app deployed to Azure App Service renders a blank screen within Shopify and shows “No shop provided” when accessed directly.
Context: Works locally using App Bridge with Cloudflare URLs; failure occurs only on Azure deployment.
Root cause: The frontend was not built because the SHOPIFY_API_KEY environment variable was missing during the build. The Shopify Node template requires this for the frontend build.
Evidence: Build logs warn—“Building the front end app without an API key. The frontend build will not run without an API key. Set the SHOPIFY_API_KEY environment variable when running the build command.”
Resolution: Set SHOPIFY_API_KEY in the CI/CD pipeline. Alternatively, use dotenv with a .env file to provide the API key so the frontend build runs.
Current state: The original issue is resolved by configuring the environment variable. Another participant requested a step-by-step guide for deploying a Shopify Remix app to Azure; no detailed deployment guide or steps have been provided yet, so that question remains open.
Hi everyone,
I am building a Public App for shopify using the Shopify App Template for Node from Github. However, when deployed to a Azure App Service I am getting a blank screen when I view the app through Shopify and “No shop provided” when I go directly to the deployed app URL in my browser.
The app works as expected when I use app bridge with cloudfare urls and the app can be seen through Shopify. However, I need to deploy the app for shopify’s review.
Does anyone have any ideas? Thanks!
Hi,
Thanks for your reply! Would you be able to explain what steps you took?
Regards,
Peter
Update: I solved this eventually by setting the SHOPIFY_API_KEY in the pipeline. It turned out that the front-end was not being built at all and so couldn’t be found. Look out for this message in the build logs:
“Building the frontend app without an API key. The frontend build will not run without an API key. Set the SHOPIFY_API_KEY environment variable when running the build command.”
You can set this in the pipeline or install dotenv and pop it a .env file
Hey Peter could you let me know how you managed to deploy a shopify remix app to azure? I attempted to do so via vscode with the azure extension and none of the files loaded properly. I’ve been looking around for a full guide on this.