Non execution of modern app router inside firebase studio creating hurdles on server side connection
https://9000-idx-studio-1744522509060.cluster-nzwlpk54dvagsxetkvxzbvslyi.cloudworkstations.dev
https://9000-idx-studio-1744420608027.cluster-iktsryn7xnhpexlu6255bftka4.cloudworkstations.dev
Hello again Samir,
Thank you for this detailed and helpful breakdown of the issue.
Your analysis is accurate. You are absolutely correct that mixing Next.js Pages Router and App Router conventions in the same project (src/pages and src/app) will create a routing conflict. The Pages Router takes precedence, which is exactly why your src/app routes were resulting in 404 errors.
This confirms that the 404s were not a failure of the App Hosting platform, but the expected outcome from the conflicting routing logic in the code itself.
The AI assistant should have detected the existing Pages Router architecture (src/pages) and generated the new dynamic routes within that same paradigm (as you correctly did with src/pages/industries/[slug].tsx). Instead, it suggested a conflicting App Router structure, which was the source of the problem.
We will appreciate it a lot if you share this detailed Firebase Studio's feedback in our UserVoice platform, in which the proper teams responsible for the products analyze the comments and perform improvements. This kind of context-aware logic is an important area for improvement.
Also, I'm very glad to read that you were able to identify this and resolve the issue by implementing the dynamic routes correctly within the Pages Router.
Just to confirm, does this mean your application is now fully built and running as expected on App Hosting?
Thank you again for taking the time to write such a clear, technical summary. Please don't hesitate to reach out if you have any other questions or run into any issues with the App Hosting platform itself.
Regards, Jesus
To,
the Firebase Studio Team,
I am writing to highlight a recurring challenge I'm facing across multiple projects, including "Trendspotter" and "Shrinkwrap", regarding the implementation of server-side functionality.
For features like project analysis, which require significant server-side processing and a persistent backend connection, the current project architecture, which often defaults to or is constrained by the Next.js Pages Router, is proving to be a major limitation.
The modern Next.js App Router is critically important for the full functioning of the applications I am trying to build. Its native support for Server Components, Server Actions, and granular data fetching is essential for creating robust, performant features that rely on a backend. The Pages Router approach feels restrictive for these server-centric tasks.
Could you please facilitate a project environment that fully supports and prioritizes the Next.js App Router? This would enable proper server-side connections and the development of more complex backend features, which are currently difficult to implement and are a source of consistent issues across my projects.
Thank you for your attention to this matter. This architectural enhancement would significantly improve the development experience and the capabilities of the apps built with Firebase Studio.
Regards, Samir