I’m super confused. Last night my app was working fine, but today I noticed that all of the navigation bar links are turning up 404s in my Next.js app. The reason, I believe, is that despite creating a link like https://foo.ngrok.io/reports , the navigation bar turns that into something like https:/…

Btw I temporarly fixed this issue by adding some code to my server.js. The page I want to navigate to is named “template”. The route is “/template” and shopify requests “/template/”. My server.js is very basic and is basically the same as the tutorial config: https://github.com/shopify/shopify-dem…

Can you all check your links and see if this has been rolled back? They aren’t showing up with the extra / anymore for me. Looks like they put in a fix for this other issue, so maybe that includes what we’re seeing? https://community.shopify.com/topic/651133

I am still seeing this. The link in the embedded navigation, has a trailing slash, causing next.js to 404. It seems like it was fixed for some people?

Yes. Starting to see this again today!! All our apps are affected by this. Team Shopify: Please look into this and resolve. Thanks.

If you’re using next.js dynamic routing and want to remove the trailing slash add this before you handle the request: if (ctx.url.includes("/?")) { if (ctx.url.substring(0, 2) != '/?') { ctx.url = ctx.url.replace("/?", "?") // Remove trailing slash before params ctx.url = ctx.ur…

Can confirm I am seeing this as of yesterday as well.

Thanks for the fix! I can confirm that this workaround by @DannyUWP is working fine. ?? If you’re using next.js dynamic routing and want to remove the trailing slash add this before you handle the request:> > > if (ctx.url.includes("/?")) {> if (ctx.url.substring(0, 2) != '/?') {> ctx.url = …

Shopify App - Embedded App Navigation Bar adding trailing slashes to links, makes Next.js 404

Retired Boards Appdev Tools

hedgerh March 14, 2020, 2:55am 20

FYI looks like someone fixed it. Can someone from Shopify please comment on this?? Also, can you please put tests around this?! This keeps breaking.

2 Likes

Topic		Replies	Views
Bug? App Bar Navigation link URL change is breaking Next.js apps (and the tutorial) Tools	2	56	February 2, 2020
Next.js Link component inside Shopify app-bridge ui-nav-menu component doesn't work Shopify Apps shopify-apps	1	94	October 4, 2024
Shopify embedded app - Nextjs router - host must be provided Shopify Apps	1	50	January 16, 2024
Embedded app TitleBar links are wrong when app URL is visited directly (not through admin > Apps) Tools	10	85	February 2, 2020
Link to the account page with a headless store Custom Storefronts	0	23	May 16, 2022

Shopify App - Embedded App Navigation Bar adding trailing slashes to links, makes Next.js 404

Related topics