Planet-scale reach for Next and Angular apps with Firebase App Hosting

Speakers: Mark Thompson, Julia Reid, Thomas Bouldin

Resources:

Watch more:

#GoogleIO

Products Mentioned: Firebase App Hosting, Firebase Data Connect, Angular, Gemini
Event: Google I/O 2024

[AmenraRobinson]

This is the best news to come out of IO this year. My team and I were just in the process of setting up Cloud Run, Build, etc in GCP. We already use multiple other Firebase services in our app, and this just simplifies everything!

We need to get our Angular MVP online so that our early adopters can get access to it, and Firebase just greatly sped up our production tasks. Thanks Team. 🙏

[Jmaiers]

I would love to see an example of migrating an existing app from Firebase Hosting w/ SSR handled in Cloud Functions/Cloud Run to the new App hosting

[sleepingempires]

Well done guys, this is definitely the future for easily hosting apps and not having to use Cloudflare or Vercel. Support for Remix would also be very useful for us.

[dylanbronson]

This is so dope!! Great presentation too!

[Bishop]

Would absolutely use this when there is nuxt / vue ssr support!

[yogenp]

wow. finally. gonna take it for a spin today

[nicolaschabaud]

Wildcard subdomains, it is the key feature that push me to migrate from firebase hosting.

[geshanm]

I tried it but it doesn't roll out, (7:35) it doesn't create the Cloud run service for me.

[bzengineer]

Wildcard subdomain is the thing what i needed before i could migrate from vercel to firebase.

[JohnMcclaned]

All this needs is protection from a stampede of malicious traffic. Vercel just announced being able to protect it in real time. Probably needs a firebase wrapper around Cloud Armor.

[jkk-gc]

This is an awesome update. I was wondering if you are able to deploy a dev build and a public build separately?

[PeterMOUEZA-no]

4:35 roadmap 13:35 own domain 16:55 never, version 22:40 streaming 26:55 secret versions 32:30 Angular 33:40 AngularFire

[kalebkloppe]

This is awesome. How would this would work if I’m using a monorepo with npm workspaces, or turborepo, or lerna instead of a single Next.js repo. Monorepos are really popular right now.

[patricsteiner]

Very cool! But what I'm missing is: How can we manage multiple environments, such as staging & prod? Should I have 2 firebase projects? But then how to properly integrate this in the ci/cd pipeline?

[kjn]

Environment handling could've been a bit easier.

Like add an environment-variables section to the Console where you could just add them in a bulk editor (similar to DigitalOcean Apps).

Also, setting up Angular SSR seems to require a bit of boilerplate with synchronizing Firebase Auth sessions and accessing environment-variables in browser through TransferState or other solution.

Not to mention that App Hosting only supports the default build command like npm run build when there could be custom scripts for different environments.

Since Angular has the environment.ts files, I've had to build the app with separate commands like build (uses production configuration) and build:staging (uses staging-configuration which replaces environment.ts with environment.staging.ts).

[ruiqisg]

Does App hosting provide support of dynamic subdomains like Vercel hosting do?

[shalomihaza]

Can we connect to app hosting using Gitlab instead of Github?

[qwerty-oryg]

is there no full video tutorial from scratch? Their AngularFire web codelab tutorial isn't working and app hosting backend just keeps throwing errors when trying to host the application following their tutorial.

[alycheikhouldsmail]

when builing nextjs crash we don't have signicant raison for why this happen, I have this issue write now, I already the deploy site netlify without issu, another issue adding env var not intuive.

[iscchristianlara]

I have been unable to deploy a NextJs application on Firebase app hosting, I don't know what I'm doing wrong, I have followed the very few videos that exist on the subject, I have read the documentation and I can't get it to work, please help!