Digital Ocean Static SPA App - how to set htaccess

I want to host a SPA React app on a Digital Ocean static app, for this to be effective, I need to be able to share e.g.

This results in a 404 error as it needs a .htaccess file to divert correctly as it will only resolve to the home page,

How can I add a .htaccess file that will take care of this routing?

Submit an answer

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!

Sign In or Sign Up to Answer

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.

Want to learn more? Join the DigitalOcean Community!

Join our DigitalOcean community of over a million developers for free! Get help and share knowledge in Q&A, subscribe to topics of interest, and get courses and tools that will help you grow as a developer and scale your project or business.

Hi @darrensweeney,

Static websites are not running apache so an .htaccess file won’t do.

There is a little workaround. Navigate to your SPA application under Apps in your Control Panel. Select the application you wish to make this change to.

Now go to the Settings tab, and scroll down to the bottom. There should be a section that says “Custom Pages”. Edit it, input “index.html” and save. Now wait for the redeployment to happen and it should work when you navigate to any paths!