Zones, Rewrites and Locales

[alexedwardjones]

Summary

I've followed the with-zones example for having multiple Next.js apps as different "zones" under the same domain using rewrites.

It works really well with the home app running on localhost:3000 and the blogs app running on localhost:4000.

localhost:3000 -> Index page of the home app ✅ 
localhost:3000/about -> About page of the home app ✅ 
localhost:3000/blog -> Index page of the blog app ✅ 
localhost:3000/blog/post/1 -> post/[id] page of the blog app ✅ 

I've then tried to add i18n to the example using next-i18next and it all gets a bit strange. For example if we have two locales for english and german which are en and de respectively. The routes within the home app work as expected.

localhost:3000 -> Index page of the home app in english ✅ 
localhost:3000/de -> Index page of the home app in german ✅ 
localhost:3000/about -> About page of the home app in english ✅ 
localhost:3000/de/about -> About page of the home app in german ✅ 

The rewrites to the blog app start getting weird and don't work as expected, presumably partially due to the basePath setting.

localhost:3000/blog -> Index page of the blog app in english ✅ 
localhost:3000/de/blog -> Index page of the blog app in english ❌ 
localhost:3000/blog/de -> Index page of the blog app in german but the URL doesn't match with "/de/about" ❌ 
localhost:3000/blog/post/1 -> post/[id] page of the blog app in english ✅ 
localhost:3000/de/blog/post/1 -> post/[id] page of the blog app in english ❌ 
localhost:3000/blog/de/post/1 -> 404 error ❌ 

Repo with issue

https://github.com/alexedwardjones/with-zones-and-i18n

Questions

• Am I doing something wrong?
• Is there anything I can do about this with the current configuration options?
• If not, should I submit a bug or feature request? It seems more like a bug because the Next.js concept of zones doesn't support locales properly.

Originally posted by @alexedwardjones in #23198

[Alan-QK]

Do you resolove this problem?

[MitkoTschimev]

I have the same problem related to a subpath before the zones are starting.
We have a micro frontend architecture where every app is in a zone.
We are working only with SSG and the basePath is destroying the possibility at the moment.
We are not able to put the locale in front of the basePath

/en-us/app1/index.html
/en-us/app2/index.html

Maybe someone else found a solution?

[ckeeney]

This is likely related (possibly a duplicate) of #21565

[sandra-goag]

I have the same issue, any ideas??

[balazsorban44]

Duplicate of #21565

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.