How to serve the default locale without it being visible in the browser address bar in an...

I have an Angular 15 application using an Angular localization package. The application is deployed on Cloudflare Pages with the domain example-domain.com. Currently, it works fine for locales such as:

example-domain.com/en example-domain.com/nl The locale is visible in the browser address bar, which is expected.

However, I want to serve the English version of my Angular application at example-domain.com without showing the locale (/en) in the browser address bar. Additionally, I need example-domain.com without any locale specified to also work seamlessly.

Can someone provide a step-by-step guide on how to configure this behavior?

Here are some details about the setup:

Angular 15 with Angular localization package. https://v15.angular.io/guide/i18n-overview Deployed on Cloudflare Pages. https://developers.cloudflare.com/pages/

Thanks in advance!

Proxy server to using cloudflare workers to serve en on root domain.

Continue reading...