How to host Jekyll website
on Firebase with free SSL.

Requirements

  • Needs NPM, you can find the documentation here.

Steps

1) Install firebase-tools

sudo npm install -g firebase-tools

2) Login to firebase

firebase login

This will open Google login page in your browser, login with the account you want to create the firebase account / project in.

3) Create a project in Firebase Console

  • Once you are logged in, visit https://console.firebase.google.com/.
  • Click on “Add Project”. Image1
  • Give a name to your project. Image2
  • Accept the terms and conditions.
  • Click “Create Project”.

4) Intialize Firebase in your Jekyll folder

cd <your jekyll folder path>
firebase init


5) Follow these steps

  • Select Hosting by moving the arrow down and hitting “Space” and then “Enter”. Image3
  • Select the app you just created in Firebase Console Image4
  • Setup the hosting options that work for you. Image5

6) Deploy

firebase deploy

Image6

7) Visit the site

Deploy command will show the URL for your new website, visit and check the deployment. Like - https://give-a-name-here.firebaseapp.com.

Keep Building!

8) Adding your own domain name

  • Visit your Firebase console https://console.firebase.google.com/.
  • Click on your project.
  • Under “Hosting”, click on “Get Started”. Image1
  • Click on “Connect domain” Image1
  • Add your domain name and click “Continue” Image1
  • Follow the verification step provided by Firebase and you will have the domain connected within 2 hours with SSL.

FYI, this website is hosted on Firebase with SSL.

Keep Building!

Want a free website with hosting and SSL, contact us.

Vivek



What do we do?


We work on website development using Ruby on Rails, NodeJS, ReactJS, AngularJS. View all the services we provide here.


Say Hello! See our work