nhanhv-vn/firebase-hosting

Firebase hosting

Step by step to deploy static site with Firebase hosting

Author:

• Nhan Huynh

• Email: nhanhv.pnv@gmail.com

• Phone: +84 355978217

• Github: https://github.com/nhanhv-vn/

Introduction

Firebase hosting

• Provides hosting for your web app, static and dynamic content and microservices

  • More detail: Link

• Why choose Firebase hosting to deploy

  • Easy to configuration

  • Fast content Delivery

  • Easy to Rollback version

  • Easy to customize domain & SSL

  • One more important with me: FREE 1GB store SSD. Of course, it is very easy to expand more storage

• Basic step by step deploy static

  • Have a gmail account

  • Access to Firebase console, choose a name and add a project

  • Install the Firebase CLI(npm install -g firebase-tools)

  • Set up a project directory(cd your_folder - firebase login - firebase init)

  • Deploy project to hosting(firebase deploy)

  • Add your domain if you have one

Basic config

• .firebaserc: Config app project name(Project container hosting) will be deploy to host

• fire.json: Config soure code will upload to host and config URLs

Testing config on local first

• Run firebase serve

• Open your browser and run at http://localhost:5000/

Deploy

• Run firebase depploy

• Get domain return after deployed from firebase cli and run your site.

• Demo: https://landing-page-58c92.web.app/

Custom domain

• Step 1: Enter the custom domain that you'd like to connect to your Hosting site

• Step 2: Verify your domain ownership with you DNS records

Notes

• Template static files download from https://html5up.net/