hugo/content/hosting-and-deployment/hosting-on-firebase.md
Bjørn Erik Pedersen ba45da9d03 Squashed 'docs/' changes from 44fe0285..32356e4e
32356e4e Fix typo in header of shortcode-templates.md
c8f1a2d2 Correct code example for index template function
bfa6a55d Escape code fencing
ff8b2f99 Fix typos in deployment with wercker tutorial
557c36e8 theme: Merge commit '7fbb4bed25001182bfeb91f79db0f0c1936582ee'
7fbb4bed Squashed 'themes/gohugoioTheme/' changes from 7dd8a302..ca53082d
ce31cee0 Add "See Also" config
158cee1b Make the tags into keywords
61600be6 Add a note to the related section
49edb5a2 Relase 0.27.1
c9bbc001 releaser: Add release notes to /docs for release of 0.27.1
213c6c3b Add bugs poster
8b4590cd Add KeyCDN integration tutorial
2b277859 Add tutorial videos to several docs pages
950fef1f Update roadmap to link to the correct milestones page
496f5bf6 Rename relnotes
d6f9378d Bump Netlify versions to 0.27
087fde7f Update 0.27 release notes
603f94ae docs: Document Related Content
3790f6a3 releaser: Bump versions for release of 0.27
0948868c releaser: Add release notes to /docs for release of 0.27

git-subtree-dir: docs
git-subtree-split: 32356e4eabe357ae914f4d1d59e8ae31ce936723
2017-09-21 19:03:00 +02:00

2.5 KiB

title linktitle description date publishdate lastmod categories keywords authors menu weight sections_weight draft toc aliases
Host on Firebase Host on Firebase You can use Firebase's free tier to host your static website; this also gives you access to Firebase's NOSQL API. 2017-03-12 2017-03-12 2017-03-15
hosting and deployment
hosting
firebase
Michel Racic
docs
parent weight
hosting-and-deployment 20
20 20 false true

Assumptions

  1. You have an account with Firebase. (If you don't, you can sign up for free using your Google account.)
  2. You have completed the Quick Start or have a completed Hugo website ready for deployment.

Initial setup

Go to the Firebase console and create a new project (unless you already have a project). You will need to globally install firebase-tools (node.js):

npm install -g firebase-tools

Log in to Firebase (setup on your local machine) using firebase login, which opens a browser where you can select your account. Use firebase logout in case you are already logged in but to the wrong account.

firebase login

In the root of your Hugo project, initialize the Firebase project with the firebase init command:

firebase init

From here:

  1. Choose Hosting in the feature question
  2. Choose the project you just set up
  3. Accept the default for your database rules file
  4. Accept the default for the publish directory, which is public
  5. Choose "No" in the question if you are deploying a single-page app

Deploy

To deploy your Hugo site, execute the firebase deploy command, and your site will be up in no time:

hugo && firebase deploy

CI Setup

You can generate a deploy token using

firebase login:ci

You can also set up your CI (e.g., with Wercker) and add the token to a private variable like $FIREBASE_DEPLOY_TOKEN.

{{% note %}} This is a private secret and it should not appear in a public repository. Make sure you understand your chosen CI and that it's not visible to others. {{% /note %}}

You can then add a step in your build to do the deployment using the token:

firebase deploy --token $FIREBASE_DEPLOY_TOKEN