Deploy the Web Application

Deploying to Firebase hosting

In its essence, deploying to Firebase hosting is a single command:

firebase deploy

Connect to the terminal below and it will open the package.json (the one in the firebase directory), add the following script at the last in the scripts object, and add a comma after the previous item:

"deploy": "firebase deploy"

Nano editor instructions:

• Ctrl+o and then press Enter to save.
• Ctrl+x to exit.

We can test this by running the following command in the firebase directory.

npm install
npm run firebase:login // login first
npm run deploy

The Hosting URL is displayed when the npm run deploy is executed. Open this in your browser to see a placeholder page. This URL is where the web application will appear once we finish the automated deployment pipeline!

Handling public directory

The content you currently see is defined in the public/index.html file. The deploy process publishes all files in the public directory. In our case, we want to copy the Sapper web application static files to that public directory. Given that, let’s follow these steps:

• Delete the public directory by using rm -r public

...