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

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ม.ค. 2025

ความคิดเห็น • 57

  • @AmenraRobinson
    @AmenraRobinson 8 หลายเดือนก่อน +20

    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. 🙏

    • @LarsRyeJeppesen
      @LarsRyeJeppesen 8 หลายเดือนก่อน

      We use Cloud Run for our Angular SSR but this looks interesting.

    • @qwerty-or1yg
      @qwerty-or1yg 5 หลายเดือนก่อน

      have you tried this out? Is it properly working for you? I can't get app hosting backend to work and it just keeps throwing errors when trying to host the application which I cannot wrap my head around why on earth is it not working.

  • @Jmaiers75
    @Jmaiers75 7 หลายเดือนก่อน +10

    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
    @sleepingempires 8 หลายเดือนก่อน +6

    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.

    • @fahadahmed3242
      @fahadahmed3242 8 หลายเดือนก่อน

      Remix is now becoming React Router v7 with Vite. Would be good to know if we can have the same experience with React 19, Vite and React Router v7.

  • @geshanm
    @geshanm 8 หลายเดือนก่อน +8

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

    • @ThomasBouldin
      @ThomasBouldin 6 หลายเดือนก่อน

      Contact firebase support. You should have error logs in Google cloud logging

    • @geshanm
      @geshanm 6 หลายเดือนก่อน +1

      @@ThomasBouldin I have found the solution, thanks!

    • @qwerty-or1yg
      @qwerty-or1yg 5 หลายเดือนก่อน

      what was the solution? I can't wrap my head around why builds keep failing.

    • @iscchristianlara
      @iscchristianlara 4 หลายเดือนก่อน +1

      Geshan, please help me, I haven't been able to find a solution, maybe your solution is mine too.

    • @qwerty-or1yg
      @qwerty-or1yg 3 หลายเดือนก่อน

      @@geshanm could you share your solution on how you've fixed this issue?

  • @TheGameWatcher
    @TheGameWatcher 8 หลายเดือนก่อน +13

    Awesome! Is Nuxt on the roadmap?

  • @dylanwhodis
    @dylanwhodis 8 หลายเดือนก่อน +4

    This is so dope!! Great presentation too!

  • @rehanshaikh386
    @rehanshaikh386 7 หลายเดือนก่อน +2

    Is it supports next js App router?

  • @portalteam5832
    @portalteam5832 8 หลายเดือนก่อน +9

    When is SvelteKit support coming?

    • @jamesdaniels8256
      @jamesdaniels8256 8 หลายเดือนก่อน +1

      Any NodeJS app with a 'build' and 'start' script in it's package.json should work but may be subject to change until we add official support. Give it a spin!

  • @1Bishop
    @1Bishop 8 หลายเดือนก่อน +4

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

  • @PeterMOUEZA-n4o
    @PeterMOUEZA-n4o 4 หลายเดือนก่อน

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

  • @jkk23-g7c
    @jkk23-g7c 8 หลายเดือนก่อน +2

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

  • @francismumbi49
    @francismumbi49 17 วันที่ผ่านมา

    This is Exactly what I was looking for...

  • @JohnMcclaned
    @JohnMcclaned 7 หลายเดือนก่อน +2

    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.

  • @kalebkloppe6193
    @kalebkloppe6193 8 หลายเดือนก่อน +5

    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.

    • @arubin1978
      @arubin1978 8 หลายเดือนก่อน +2

      Indeed support for monorepo is really important - I'm using turborepo as well

  • @yogenp
    @yogenp 8 หลายเดือนก่อน +3

    wow. finally. gonna take it for a spin today

  • @pongphontan9258
    @pongphontan9258 4 หลายเดือนก่อน

    24:17 for adding secrets e.g., API keys and access tokens to Firebase App Hosting

  • @nicolaschabaud5071
    @nicolaschabaud5071 7 หลายเดือนก่อน +1

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

  • @patricsteiner8483
    @patricsteiner8483 7 หลายเดือนก่อน

    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?

  • @ruiqisg
    @ruiqisg 8 หลายเดือนก่อน +2

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

    • @jamesdaniels8256
      @jamesdaniels8256 8 หลายเดือนก่อน +1

      Wildcard domains are coming soon

    • @bmxandcode
      @bmxandcode 8 หลายเดือนก่อน

      ​@@jamesdaniels8256 You know how to support multiple domains like shopify?

  • @shalomihaza825
    @shalomihaza825 4 หลายเดือนก่อน

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

  • @bingers_tv
    @bingers_tv 8 หลายเดือนก่อน +1

    Damn, this is cool. Nice work

  • @qwerty-or1yg
    @qwerty-or1yg 5 หลายเดือนก่อน

    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.

  • @iscchristianlara
    @iscchristianlara 4 หลายเดือนก่อน

    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!

  • @enzopagotto1597
    @enzopagotto1597 7 หลายเดือนก่อน

    Is there any proper way to use firebase auth on server components?

  • @alycheikhouldsmail7576
    @alycheikhouldsmail7576 5 หลายเดือนก่อน

    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.

  • @bzengineer8969
    @bzengineer8969 6 หลายเดือนก่อน

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

  • @TheFumesPlatform-ko1il
    @TheFumesPlatform-ko1il 7 หลายเดือนก่อน

    Struggling to find any kind of answers to why my angular ssr app wont deploy. What commands run? I assume it just automagically starts the node server. An example of a deployable angular ssr 18 app would be nice, i already tried npm i @apphosting

  • @tinycook1e
    @tinycook1e 8 หลายเดือนก่อน

    Are wildcard domain supported?

  • @santosharakere
    @santosharakere 7 หลายเดือนก่อน

    Excellent product, thanks.

  • @Sergedable
    @Sergedable 8 หลายเดือนก่อน

    is possible to deploy flutter app to Firebase App Hosting ? thank you

  • @kjn5991
    @kjn5991 4 หลายเดือนก่อน

    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).

  • @ByteBandit4
    @ByteBandit4 8 หลายเดือนก่อน +3

    Do it for Flutter apps

  • @vlhbnk
    @vlhbnk 5 หลายเดือนก่อน

    Helo , I have an issue. Build is fine but rollout fails. Can someone assist me please ?

    • @iscchristianlara
      @iscchristianlara 4 หลายเดือนก่อน

      If you find the answer, please share it with me.

  • @hoveringpilot
    @hoveringpilot 8 หลายเดือนก่อน

    possible with VUE.js?

  • @Michael-hudson
    @Michael-hudson 8 หลายเดือนก่อน +1

    Does this support next 14

    • @jamesdaniels8256
      @jamesdaniels8256 8 หลายเดือนก่อน +2

      Yes, all versions of NextJS 13+ are supported

  • @thedelanyo
    @thedelanyo 8 หลายเดือนก่อน

    I guess this is similar as Cloudflare Pages?

  • @SquelpDiscovery
    @SquelpDiscovery 8 หลายเดือนก่อน

    This would go great with a DNS

  • @youhan96
    @youhan96 8 หลายเดือนก่อน +3

    Nuxt Nuxt Nuxt Nuxt

  • @davidlintin
    @davidlintin 7 หลายเดือนก่อน

    Play on 1.25X speed. You’re welcome.

  • @shrawanthakur4168
    @shrawanthakur4168 8 หลายเดือนก่อน

    is she really wearing old Firebase earrings?

  • @pjarnfelt
    @pjarnfelt 7 หลายเดือนก่อน

    Sveltekit support please