I have just created an app and run it using yarn run dev command and installed it in my store but I don’t see additional pages. If I create any new page it does not show in the navbar. I always see the following page. I don’t know why 401 unauthorized is appearing all time because I already cleared my cache from the browser and re-login.
Topic summary
Issue: A newly created Shopify app (run via “yarn run dev”) showed only the default page; new pages didn’t appear in the navbar. The app consistently returned 401 Unauthorized, even after clearing browser cache and re-login. A screenshot of the 401 error was shared.
Suggestions: Add additional pages in app.tsx and include NavMenu from @shopify/app-bridge-react. Create corresponding page files (e.g., app.additional.tsx) to surface them in the navigation.
Resolution/Latest update: The root cause was incorrect computer system time. The time mismatch caused JWT (JSON Web Token) validation to fail, resulting in persistent 401 errors. Correcting the machine’s time resolved the authorization issue.
Outcome: Problem resolved. If pages still don’t appear after fixing time, ensure pages are registered in app.tsx with NavMenu and that the page components/files exist. No further open questions indicated.
Hi Mrkarim,
For additional Page you need to add your page in app.tsx file
import { NavMenu } from "@shopify/app-bridge-react";
Also you need to make sure you create page eg: app.additional.tsx in your app file
Thanks
The issue was my computer time, due to time conflict my jwt token always was sending 401 error