How-to configure Mail-in-a-Box (MIAB) nginx to work with StencilJS or any other JavaScript router that requires a single entry point

hostname.conf

location / {
    index index.html;
    try_files $uri $uri/ /index.html;
}

How-to configure mailinabox's nginx to work with StencilJS

...or any other JavaScript router that requires a single entry point (index.html)

Mailinabox's default nginx config depends on file name extensions. However, nowadays most applications require a single entry point (index.html) for all routes to work properly. Luckily there is an unsupported feature that let's you create custom nginx configs for your mailinabox hosts.

Setup

• Create a Static Web Hosting directory for your domain in the MIAB admin pannel, for example /home/user-data/www/example.com/
• Copy the build directory of your StencilJS project into the same folder
• Create a custom nginx config inside the mailinabox www directory, for example /home/user-data/www/example.com.conf
• Copy the nginx configuration from this gist into the file and save
• Run /root/mailinabox/tools/web_update

All routes should now redirect to your index.html and you're good to go.

Note: it's required to rename the conf file after editing it, otherwise the changes won't get picked up by the web_update script.