Announcing split-second static deploys for Firebase 🚀

Eric Simons
Oct 29, 2018 · 3 min read
Image for post
Image for post

Deploying to production can be an arduous process: triggering a new deploy is often disjointed from your workflow, and the wait time till a deployment actually goes live can be absolutely brutal — especially when it’s an urgent bug fix.

This is a pain point the Firebase team has crushed head on with Firebase Hosting; their UX & feature set is second to none. So when Firebase originally asked if we’d be interested in integrating the best deployment experience ever into StackBlitz using the new Firebase Management API’s, we were like: heck yeah.

After working in concert with the Firebase team the past few months, today I’m super excited to announce HyperDeploy! 🎉

HyperDeploy is a toolchain that lets you deploy static sites up to 5x faster than local envs — in just one click:

Image for post
Image for post
Actual deploy speed. Don’t blink!

You can try HyperDeploy live now on and its source code is available in our core GitHub repo.

“At Firebase, we are committed to helping developers be successful across every stage of the development cycle. We want to make it easy for all developers to deploy a web app from development to a scalable production environment — as fast as possible,” said Francis Ma, Head of Product, Firebase. “With the new Firebase Hosting integration from StackBlitz developers can experiment, build and then publish code to the world with just a click of a button.”

How it works ⚙

Today Firebase released the new Firebase Management API’s for interacting and managing projects using just oAuth. This is an amazing addition because it allows 3rd party integrations to now run outside of your local environment.

On StackBlitz, we leverage this API in our new Firebase tab that lets you one click auth & choose from your Firebase projects:

Image for post
Image for post

Once you’ve put the final touches on your app, just click “deploy” and your site is instantly built into a production bundle, uploaded with Firebase’s new delta uploads, and is live on prod in mere seconds:

Image for post
Image for post

It’s not usually advisable to deploy prod without staging first 😄. That’s why you can link as many Firebase projects as you want, ensuring all environments are just one click away:

Image for post
Image for post

The core deploy logic is executed serverless and scales great for apps both big & small. Here’s StackBlitz editing & deploying RealWorld, aka “the mother of all demo apps”:

Image for post
Image for post

While HyperDeploy is in beta, we recommend using it for personal projects as bundle size optimizations continue to be implemented. We expect to fully remove the beta label by EOY.

Support for GCP Buckets & other deploy targets are also on our roadmap. Follow along/get involved with development in our core GitHub repo!

A huge thank you to… ❤️

  • The awesome folks on the Firebase & Google Cloud teams 🔥
  • Google, Angular, Nrwl, Kendo UI, Auth0, and all the other amazing patrons who make our work possible 💪
  • The millions of awesome developers (like you!) who use StackBlitz! 🙌

StackBlitz Blog

News and Engineering from the StackBlitz Team

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store