Proxylang Framework Testing

5 frameworks × 4 modes = 20 test combinations

React React landy-react-template

Script-Tag scripttag-react.pages.dev Staging Script-Tag scripttag-react.pages.dev Prod Proxy react.yournicedomain.com Staging Proxy react-prod.yournicedomain.com Prod

Next.js Next.js vscode-portfolio

Script-Tag scripttag-next.pages.dev Staging Script-Tag scripttag-next.pages.dev Prod Proxy next.yournicedomain.com Staging Proxy next-prod.yournicedomain.com Prod

Vue Vue homello-ecommerce-webapp

Script-Tag scripttag-vue.pages.dev Staging Script-Tag scripttag-vue.pages.dev Prod Proxy vue.yournicedomain.com Staging Proxy vue-prod.yournicedomain.com Prod

Nuxt Nuxt nuxtship-template

Script-Tag scripttag-nuxt.pages.dev Staging Script-Tag scripttag-nuxt.pages.dev Prod Proxy nuxt.yournicedomain.com Staging Proxy nuxt-prod.yournicedomain.com Prod

Nuxt Content Nuxt Content harlanzw.com

Script-Tag scripttag-nuxtcontent.pages.dev Staging Script-Tag scripttag-nuxtcontent.pages.dev Prod Proxy nuxtcontent.yournicedomain.com Staging Proxy nuxtcontent-prod.yournicedomain.com Prod

How it works

Script-Tag: The CF Pages-hosted site loads a proxylang widget script client-side. The proxylang_env URL param controls which worker (staging/production) serves the script. Default is staging.

Proxy: DNS routes traffic through the Cloudflare worker, which fetches the origin from CF Pages and translates server-side. *.yournicedomain.com routes through the staging worker. *-prod.yournicedomain.com routes through the production worker (catch-all).

To test translation: For proxy mode, visit /es-mx/ or any language path. For script-tag mode, use the language widget that appears on the page.

Missing frameworks (routes exist in wrangler.toml but no test project yet)

Angular, Analog, Svelte, SvelteKit, Astro, Qwik, Tauri