Quickstart frontend example takes too long to load due to no linking to backend

[cdrage]

/kind bug

What versions of software are you using?

Operating System: N/A

Output of odo version: N/A

How did you run odo exactly?

I did:

git clone https://github.com/odo-devfiles/odo-quickstart
cd frontend
odo create nodejs frontend
odo url create --port 3000 --host my.host.com

Actual behavior

Before we link to the backend, it's nice to check and see if the frontend component is working, so we visit the URL.

The URL however takes 20+ seconds to communicate with the backend.

This should be much much less, at say.. 5 seconds? So the user isn't endlessly waiting for the URL to load.

Expected behavior

Load less than 5 seconds

Any logs, error output, etc?

See issue here: odo-devfiles/odo-quickstart#1

Yes, see below:

 [email protected] start /project
> react-scripts start

time="2022-01-25T16:46:32Z" level=debug msg="wait program exit" program=devrun
time="2022-01-25T16:46:33Z" level=debug msg="no auth required"
SERVICE BACKEND IP ===> undefined
[HPM] Proxy created: /  -> http://undefined:8080
ℹ ｢wds｣: Project is running at http://10.244.0.86/
ℹ ｢wds｣: webpack output is served from
ℹ ｢wds｣: Content not from webpack is served from /project/public
ℹ ｢wds｣: 404s will fallback to /
Starting the development server...

Compiled with warnings.

src/App.js
  Line 1:8:  'logo' is defined but never used  no-unused-vars

Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.

[HPM] Error occurred while proxying request odo.k8s.land/api/v1/todos to http://undefined:8080/ [ENOTFOUND] (https://nodejs.org/api/errors.html#errors_common_system_errors)

[cdrage]

This ended up being a DNS issue with my Kubernetes cluster.. That was trying to access the public link on 10 different A records before trying to load the node.js frontend.