Firebase Hosting: Fundamentals

Firebase Hosting provides fast and secure static hosting for your web apps. This course will teach you how to deploy your app to Firebase Hosting, connect to a custom domain, use cloud functions, and how to use reserved URLs.
Course info
Rating
(17)
Level
Intermediate
Updated
Sep 5, 2018
Duration
1h 12m
Table of contents
Description
Course info
Rating
(17)
Level
Intermediate
Updated
Sep 5, 2018
Duration
1h 12m
Description

Firebase Hosting gives you a fast, secure, and reliable way to host your app's static assets such as HTML, CSS, JavaScript, and media files. In this course, Firebase Hosting: Fundamentals, you will gain the skills needed to be able to use and customize Firebase hosting. First, you will learn how to deploy your application to Firebase hosting. Next, you will learn how to connect to a custom domain instead of using the default one provided by Firebase. Finally, you will learn how to serve dynamic content using cloud function and how to customize hosting behavior, specifically custom error pages, redirects, rewrites, and headers. By the end of this course, you will have a foundational understanding of Firebase hosting and how to take advantage of it to create sophisticated Progressive Web Apps.

About the author
About the author

Ervis is a professional web developer with a strong focus on simplicity. He has a strong hunger for knowledge and a passion for teaching others.

More from the author
Firebase Functions: Fundamentals
Intermediate
2h 33m
Jan 1, 2019
Firebase Firestore: Getting Started
Beginner
1h 24m
Mar 15, 2018
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone, and welcome to my course, Firebase Hosting: Fundamentals. My name is Ervis Trupja, and I'm a self-employed web developer and trainer. This course will teach you the fundamentals of Firebase Hosting. Some of the major topics that we will cover include deploying to Firebase Hosting; connecting to a custom domain; configuring, creating, and using Cloud Functions; and customizing hosting behavior. By the end of this course, you will know enough to take advantage of the amazing features of Firebase Hosting as a fast and secure hosting provider for your web applications. You will also have solid fundamentals to dive deeper into other Firebase Hosting concepts. Having previous experience with Cloud Functions is recommended, but it is not required. I hope you will join me on this journey to learn Firebase Hosting with the Firebase Hosting: Fundamentals course, here at Pluralsight.

Understanding Firebase Hosting
Hi, and welcome to my course, Firebase Hosting: Fundamentals. I am Ervis Trupja, and together we are going to explore Firebase Hosting. Firebase is a Google Cloud service, which mainly targets mobile applications, and Firebase Hosting is just one small part of it. With Firebase Hosting, you can quickly and easily deploy web applications and steady content to a global content delivery network known as CDN with a single command. But what are we going to learn in this course? We are going to start with the basics of Firebase Hosting, and then we are going to learn how to deploy a new application and an existing one. We are going to learn how to see the history of deployments and revert a specific version, and later, we will learn how to connect to a custom domain. Firebase Hosting allows you to use Cloud Functions to perform server-side processing. This means that you can support dynamic generation of content for your Firebase Hosting site. Working with dynamic content will be another topic that we will cover. Firebase Hosting has additional features that let you customize how your content is hosted, so next, customizing hosting behavior is what we are going to learn. At the end, we are going to learn about reserved URLs in Firebase Hosting.

Deploying the App and Connecting a Custom Domain
Hello, I am Ervis Trupja, and together in this module we are going to talk about the app deployment and how to connect to a custom domain. We are going to start this course by first talking about the firebase. json file, which is created when we initialize a Firebase application. Then we will see how to serve your Firebase project locally. After that, we are going to learn how fully deploy an application to your Firebase project. But as a developer, you won't have to always deploy the full application. You might need to deploy only a service or two. For that, we are going to talk about the partial deployment. Firebase. json file can be used for different purposes, and one of them is cache configuration. So next, we will see how we can configure assets caching from firebase. json file. Fast deployments are great, but with greatness comes responsibility, so we are going to learn how to roll back a deployment if necessary. Also, you might have created already an application, and you want to use Firebase Hosting features for many reasons. I'm going to guide you step by step how to deploy an existing application, so we will see how to deploy an existing Angular application. And at the end of this module, we are going to learn how to connect to a custom domain.

Configuring, Creating, and Using Cloud Functions
Hi. Together in this module, we are going to learn how to configure, create, and use Cloud Functions. Even though this is not a Cloud Functions course, when building Firebase apps, functions are really important. We are not going to dive into functions details, but we will learn enough to see how things work. We are going to start this course by first learning why do we need functions in the first place. And to use them, we need to set them up, so this is what we are going to learn next. After we learn how to set up Cloud Functions, we will learn how to create an HTTP function, or endpoint. You can call it as you want. Up to this point, everything will be ready to use, so next, we will see how we can call a cloud function by redirecting hosting requests to a specific function. It is a good practice to test things locally before we deploy them to Firebase Hosting. So before we publish anything, we will test them locally, and then we will learn to deploy specifically only the Cloud Functions to Firebase Hosting. At the end of this module, we will learn how to use cookies and how to manage cache behavior, which are two important topics when it comes to performance. So let's get started.

Customizing Hosting Behavior
Hi, and welcome to this module. So far, we have learned how to connect to a custom domain, how to configure Cloud Functions, and much more. And in this module, we are going to talk about customizing hosting behavior. We are going to start this module by first learning how to specify a custom 404 page. We know these pages as Not Found Page. We serve a 404 page when the user tries to access a page that does not exist. And then later, we will learn how to use redirects to prevent broken links if a page has been moved. You can use redirects for URL shortening as well. If you want to show the same content for multiple URLs, then you can use rewrites. So this is what we are going to learn next. By the end of this course, we will learn about headers, and how to use them to make different configurations, and hosting priorities.

Understanding Reserved URLs
Hi, and welcome to this module, which is the last one for this course. In this module, we are going to talk about understanding reserved URLs. It will be a short module, but you will learn a lot about reserved URLs in Firebase Hosting. We are going to first start this module by learning how to know if a URL is a reserved URL or not, why do we need them, and how to use them. Then next, we are going to see how easy Firebase SDK auto-configuration has made things for us. And at the end, we will shortly talk about the authentication helpers. So let's get started.