Shopify Node React index.js path not found (404) when route has prefix

Shopify Apps
1

Hello,

As the title says I have a route prefix when I load my app: example https://my-route/prefix → this will point to the app base URL.

The question is where can I change the path of the router in order to have a route prefix that will serve my index.js file? I am using Shopify Node React skeleton app as a base with Koa and embeding it in Shopify Admin (yes the settings for embedding are enabled).

Regards,

Robert

1 Like
2

Hello,

For anyone interested I found the solution. The Shopify Node React app uses .nextjs for file handling.

There is a file called next.config.js where I needed to add:

module.exports = withCSS({
webpack: (config) => {
const env = { API_KEY: apiKey };
config.plugins.push(new webpack.DefinePlugin(env));
return config;
},
basePath: ‘/shopify’,
assetPath: ‘/shopify’
});

basePath and assetPath.

Also in the server.js file I needed to add /shopify prefix for createShopifyAuth({ prefix: ‘/shopify’ }) and also prefix the verify request function with the new routes like:

server.use(
verifyRequest({
authRoute: ${ROUTE_PREFIX}/auth,
fallbackRoute: ${ROUTE_PREFIX}/install
})
);

The API route paths which I had with POST needed to be prefixed with /shopify as well in server.js.

I hope this helps anyone!
Cheers!