Hi,
I’m starting a development of a new custom app for my company’s store and I’m unable to achieve what it is instructed in the following tutorial (I did everything up to step 4), I’m finally getting a blank screen (attached below):
https://shopify.dev/apps/getting-started/add-functionality
Nevertheless, I already followed exactly the same tutorial for a development store (embedded app) and it worked perfectly.
Given that this is my first time developing a Shopify app I’m not sure if I’m going the best way to go. Can you please advise?
App type: Custom (my company is the only client that will be using it) / Standalone (this is very important, I don’t want an Embedded app because end users need to access the app without having access to the Admin dashboard)
Store: I’m connecting directly to my Production store (it will be a very simple app, so a friend of mine suggested me not to create a Development store, but to develop directly in production)
Tunnel: Ngrok
Dev Env: Visual Studio Code
Packages already installed: @Shopify_77 /polaris , @Shopify_77 /app-bridge, @Apollo /client, @Shopify_77 /app-bridge-react, @Shopify_77 /app-bridge-utils
Something to note: I’m getting a “Misleading site” warning when tyring to execute the application.
Another thing to note: I already coded a React Hello world and worked perfectly. Therefore, I think that this is related to calling Polaris, App-Bridge or Apollo. React works but the libraries that Shopify utilize don’t.
Another thing that I note is that the GET ALL PRODUCTS (CURL COMMAND) is not working:
curl -X GET “https://ojodemiel.mx/admin/api/2021-10/products.json” -H “X-Shopify-Access-Token: {my-key}”
(Returns nothing in command line, I made sure that the tunnel was opened when I ran this)
The other day when I created a tunnel for a development store the CURL GET ALL PRODUCTS command worked well. This is strange.


