Developing a new app directly in production

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.