multi-zones break the css / css not loading,

[pranavmappoli]

Summary

i have two website,
one : https://www.ebat.dev
two : http://webcrafterhub.com

I want to make a multi-zone setup like https://www.ebat.dev/tools should server webcrafterhub.com

i have followed the doc : https://nextjs.org/docs/pages/guides/multi-zones and added the config: as below

      assetPrefix: "/tools",
	async rewrites() {
		return [
			{
				source: "/tools",
				destination: "http://webcrafterhub.com/",
			},
			{
				source: "/tools/:path*",
				destination: "http://webcrafterhub.com/:path*",
			},
		];
	},

but the issue is https://www.ebat.dev/tools breaking the css / its not loading, do i need to configure something else ?
please help

Additional information

No response

Example

https://www.ebat.dev/tools

[icyJoseph]

Are you on v15?

[pranavmappoli]

@icyJoseph yes, actually the changes are already there in https://www.ebat.dev/tools

[icyJoseph]

Ok, so https://www.ebat.dev/tools/_next/static/css/c3e1b1a02be80972.css that loads some CSS 🤔 - let me read up a bit more - can you double check your middleware logic?

[pranavmappoli]

@icyJoseph Ideally the css should load from the http://webcrafterhub.com. Not sure how it all handled here.
Do we need changes in middleware ? , i believe its a different method though

[icyJoseph]

I meant more like, when your ebat site is loading CSS it points to ebat.dev/_next... and gets 404'd - but there is an asset at ebat.dev/tools...

So, a naive diagnostic would be, that the assetPrefix is not getting applied to ebat?

[pranavmappoli]

@icyJoseph hey this helper, the issue was i given the prefix in wrong repo,
Thanks