Shopify Custom app proxy base url pointing to my shopify store instead of proxy

[fremfi]

Hi everyone. I’m using the shopify cli to create a custom app for my store. I managed to setup the app proxy and get it to display the intial render. But it seems that nextjs is building my html using relative paths and therefore the application is trying to get the js,css files from the shopify store instead of the proxy. Is there a way to fix this? ps: when i view the app with the Shopify admin, its rendered within an iframe with the correct base URL pointing to my proxy

[hassain]

Hi @fremfi ,

You might be able to leverage the solution from this forum post that had someone facing a very similar problem to yours: https://community.shopify.com/c/Shopify-APIs-SDKs/App-Proxy-Sending-index-html-throws-404-on-the-JS-...

In short, this user also was getting 404 errors in their App Proxy for their css and js assets. They resolved this by updating their package.json to set their homepage path, and then also set up middleware using ExpressJS so their assets can be accessed.

[Web-Solutions]

change your asset prefix url

https://nextjs.org/docs/api-reference/next.config.js/cdn-support-with-asset-prefix