Redirect non-www to www for static website on App platform

Posted on August 15, 2024

I have a simple static website deployed to App platform.

The application has two domains attached: https://my-app.com and https://www.my-app.com

I would like to setup a redirect of the non-www domain to www with 301 status code, so do not have duplicate warning at Google Webmaster.

Also the same question how to redirect from default APP domain https://your-app-name.ondigitalocean.app to https://www.my-app.com

Thank you!

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Bobby

August 20, 2024

Hi there,

Quick update here: App Platform now supports subdomain routing, which also allows you to disable an app’s starter domain.

For setup instructions, see How to Manage Domains in App Platform.

Old answer:

I recently answered a similar question but for a Node.js app:

https://www.digitalocean.com/community/questions/app-redirect-from-non-www-to-www

Unfortunately, App Platform does not natively support custom redirects for hostnames. To achieve the non-www to www redirect, you could add a simple JS redirect in your HTML:

<script type="text/javascript">
    // Redirect non-www to www
    if (window.location.hostname === 'my-app.com') {
      window.location.href = 'https://www.my-app.com' + window.location.pathname + window.location.search;
    }

    // Redirect from the default App Platform domain to custom domain
    if (window.location.hostname === 'your-app-name.ondigitalocean.app') {
      window.location.href = 'https://www.my-app.com' + window.location.pathname + window.location.search;
    }
</script>

The best thing to do to get your voice heard regarding this would be to head over to our Product Ideas board and post a new idea, including as much information as possible for what you’d like to see implemented.