Examples of Firebase Hosting

This are some basic examples of things you can do with Firebase Hosting.

Instructions

To run any of the examples follow the general instructions:

Go to Firebase Console and create a new app.
Run firebase login (if it is the first time).
Edit the <example-name>/.firebaserc and put your app name.
Run firebase deploy.

Example 1: Simple deploy and Rollback

Break something, and run firebase deploy again.
Check that the site is broken.
Go to Console >> Hosting, select previous verstion and restore it.
Go to the site and check that is running the previous version.

Example 2: Headers: Redirects, Rewrites & HTTP2 Push

Go to the app URL. Check that the image is cached for 7200 seconds. And the *.js, *.css are send via HTTP2 Push.
Go to /home-rewrite. This shows the same content as / with a different URL.
Go to /home-redirect. This redirects you to / with 301 HTTP code.

Example 3: Dynamic Content

Edit the assets/scripts/index.js with the URL of your app. And run firebase deploy.
Go to the app URL.
Type something and hit the button. A MD5 hash is generated on the server and shown in an alert popup.
Go to <app-name>/[email protected] and check that the MD5 hash comes from the server.