Subject: UI Not Rendering Properly - Shows 404 Page Despite Successful Server Startup

[adarsh005]

Environment:

• Meshery v0.8.107 (master branch)
• Go server: make run-local (port 9081)
• UI: npm run dev (port 3000)

Issue Description:
When running the development environment:

1. The Go backend starts successfully (make run-local)
2. The UI dev server starts (npm run dev) but takes unusually long to render
3. Eventually displays a 404 Page Not Found error (screenshots attached)

Observed Behavior:

• UI console shows successful compilation but browser renders 404
• No immediate errors in terminal logs
• Network tab shows failed API calls to backend endpoints

Error Logs:

1. Browser console errors
2. Terminal output from both make run-local and npm run dev
3. Network tab showing failed requests

Troubleshooting Attempted:

1. Verified backend is running (curl localhost:9081/api/system/version)
2. Cleared browser cache/hard reload
3. Checked .env for correct NEXT_PUBLIC_BACKEND_URL (should point to http://localhost:9081)
4. Rebuilt UI dependencies (rm -rf node_modules && npm install)

[Yash_Sharma]

Hi @adarsh005,

To get started, make sure you’re working with the latest version of the Meshery project. You can follow the steps outlined in the official docs here: Contributing to Meshery UI | Meshery the part where you add the upstream repository using:

git remote add upstream https://github.com/meshery/meshery

After syncing with upstream, run:

make ui
make ui-server

This will build and serve both the UI and the server locally.

For more detailed guidance, you can refer to the full instructions on installing UI dependencies and running the project:

Contributing to Meshery UI

Let me know if you run into any issues!

[Yash_Sharma]

Let me know if this helps

[FavourTy]

@adarsh005 Have you been able to resolve the issue?