How to point a subdirectory URL of a static website to a Heroku app?

How to point a subdirectory URL of a static website to a Heroku app? - If a page has internal and external outgoing links to redirecting URLs, it’s returning 3xx (301, 302, etc.) HTTP status codes standing for redirection. This issue means that the page does not exist on a permanent or temporary basis. It appears on most of the popular web browsers, usually caused by a misconfigured website. However, there are some steps you can take to ensure the issue isn’t on your side. You can find more details about redirecting URLs by reading the Google Search Central overview. In this article, we’ll go over how you can fix the How to point a subdirectory URL of a static website to a Heroku app? error on your web browser. Problem :

I have a static website, hosted on BlueHost and a React/Express app hosted on Heroku. I was wondering if it is possible to do something like this.

Access static site with: staticsite.com

Access Heroku app with: staticsite.com/app

What particular settings should I be looking into for setting up this structure?

Solution :

As tshimkus mentioned, to serve Heroku from a subdirectory you will need to reverse-proxy it from the server that is hosting your domain. This is a much more complicated setup for arguably minimal gain, and depending on how your pages are cached in the reverse proxy, it can introduce latency to the request having to go through multiple hops before reaching the user.

It would be much easier (trivial) to just serve Heroku from a subdomain.

Alternatively, you could consider serving your static site as part of your Heroku app, from your main domain.

We hope that this article has helped you resolve the web-hosting, redirects, heroku error in your web browsers. Enjoy browsing the internet uninterrupted!