Monorepos with Firebase App Hosting

[benyap]

The new Firebase App Hosting feature is really exciting!

Has anyone managed to get it working with monorepos? E.g. deploy a Next.js app to App Hosting, where the app uses code from other packages in the monorepo. In my testing, the pipeline is able to build my app, but fails when the Nextjs adapter does some post-build work with this error: Error: Output directory is not of expected structure

I'm assuming that it's because monorepos are not officially supported yet.

Would love to hear if anyone else has tried this, and if anyone knows if it's on the roadmap!

[bkendall]

In addition to your note here, you should put this request on Firebase App Hosting's UserVoice page. We've been collecting a bunch of good requests there, and the voting there can help us figure out what to work on next!

[benyap]

Great idea! Will do.

[tolypash]

Hey! I'm getting the same issue!
Any progress @benyap ?

[benyap]

Glad to know I'm not the only one running into this! Waiting to see if the Firebase folks can work some magic on their side to make it happen. For now, I'm going to stick with a custom Docker image on Cloud Run.

[alexdabast]

Funny enough I was able to make app hosting working with my mono repo angular SSR app few months ago
Then firebase probably changed something because few days after it was not working anymore

[tonyjhuang]

Hey all, Firebaser here. I'm excited to announce that we just landed our first monorepo support on App Hosting! You can now deploy Angular and Next.js projects managed by Nx by specifying the app directory as the root_directory for your backend.

We launched a guide to help you get started here: https://firebase.google.com/docs/app-hosting/monorepos

Thanks for your interest in App Hosting and as always feel free to vote on what features you'd like to see on User Voice. That helps us prioritize what to focus on :)

[benyap]

Hi @tonyjhuang, appreciate the update!

This doesn't seem to be working for me. The guide looks promising but is a little lacking in detail for someone who isn't familiar with Nx, as I use pnpm workspaces with Turbo.

I followed this setup guide to add Nx to my pnpm workspace. However, I'm unable to deploy to App Hosting even though I supplied a root_directory when I set up the backend - see the error below.

The recommendation to specify a "default project" does not really help here, because I'd like to deploy multiple backends to App Hosting from my monorepo (i.e. if I specified project A in the "default project" of nx.json, how can I get project B to deploy?)

Perhaps the documentation could have more detail on what exactly App Hosting is expecting to "recognise" a monorepo? As far as I'm concerned, my project "uses" Nx (which really, according to the guide, looks to be just pnpm workspaces). But in reality, I have no idea what App Hosting is looking for to deploy an app from my monorepo.

Questions

1. Where would be the best place to get support for the issue I'm having above? A GitHub issue?
2. Are there plans to support monorepo set ups not managed by Nx? Wouldn't it make more sense to support more "general" monorepo tooling like npm/yarn/pnpm workspaces?

[benyap]

I did spot #7478 which seems to be what I'm also looking for too - will follow that for updates.

[Muneersahel]

I'm currently getting the same issue on angular ssr project running on angular v18.2.6, nx v19.8.0. Any solution?

[tonyjhuang]

Can you reach out to us at Firebase Support? That way we can take a look at your build logs and application structure.