Example-Frontend | Example of my current frontend workflow | Continuous Deployment library

When I browse my website from Chrome, it says that the certificate is invalid, and if I check the details, this is what I see:

First of all my domain root is configured to serve an Angular webpage using a reverse proxy that redirects to local ip/port, that's working like a charm. The problem arrives now when I want to override root rule if url contains /blog which I want to redirect to a wordpress folder. At the moment and with this config I can reach wordpress but just specific urls like example.com/blog/wp-admin/index.php, but if i access example.com/blogis still going to angular app. I've configured my nginx as follows(I have to say is my first time configuring a webserver):

Use case

I deployed the nginx ingress controller in my Kubernetes cluster using this helm chart:

https://github.com/helm/charts/tree/master/stable/nginx-ingress

I created an ingress resource for my frontend serving webserver and it is supposed to redirect from non-www to the www version. I am using SSL as well.

The problem

When I visit the www version of my website everything is fine and nginx serves the page using my Lets Encrypt SSL certificate (which exists as secret in the right namespace). However when I visit the NON-www version of the website I get the failing SSL certificate page in my Browser (NET::ERR_CERT_AUTHORITY_INVALID) and one can see the page is served using the Kubernetes ingress fake certificate. I assume that's also the reason why the redirect to the www version does not work at all.

This is my ingress resource (actual hostnames have been redacted):

I am trying to return some data from a headless CMS (Sanity.io) but keep bumping into errors with my React. I've followed this example but now have the error TypeError: Cannot read property 'map' of undefined

My code