What's your biggest current challenge? Have your say in Community Polls along the right column.
Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Bug? App Bar Navigation link URL change is breaking Next.js apps (and the tutorial)

Bug? App Bar Navigation link URL change is breaking Next.js apps (and the tutorial)

hedgerh
Shopify Partner
15 1 21

Reposting this to make sure there's visibility that it's a bug.

 

For some reason, the app bar nav link URLs now have `/`s added to the end of them.  This is breaking routing in Next.js apps, causing 404s.  The tutorial must be broke as well, because of this.

 

Steps to reproduce:

1. Spin up a new project with the Shopify CLI

2. Create a random page in your Next.js app

3. Add a navigation bar link to the random page

4. Run `shopify serve` and install your app in a dev store

5. Click the link and observe that it 404s

 

Someone else confirmed it in my previous thread https://community.shopify.com/c/Shopify-APIs-SDKs/Shopify-App-Embedded-App-Navigation-Bar-adding-tra...

 

Replies 2 (2)

Hnguyen720
Shopify Partner
3 0 1
hedgerh
Shopify Partner
15 1 21

This may have been fixed.  The `/` stopped showing up in the URLs for me.