How to host jekyll on Firebase with free SSL | Inkoop Blog

Jekyll is a simple, blog-aware, static site generator. Firebase provides free hosting solution with SSL for websites. We talk about how to setup Jekyll website on firebase.

Posted by Vivek on 20 Aug 2018

Jekyll is a simple, blog-aware, static site generator. You create your content as text files (Markdown), and organize them into folders. Then, you build the shell of your site using Liquid-enhanced HTML templates. Jekyll automatically stitches the content and templates together, generating a website made entirely of static assets, suitable for uploading to any server.

Firebase is a mobile and web application development platform which is owned by Google. One of its feature is the ability to deliver web app assets with speed and security.

Requirements

  • Needs NPM, you can find the documentation here.

Steps

  1. Install firebase-tools
sudo npm install -g firebase-tools

  1. 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.


  1. Create a project in Firebase Console
  2. Once you are logged in, visit console.firebase.
  3. Click on "Add Project".

    Image1

  4. Give a name to your project.

    Image2

  5. Accept the terms and conditions.
  6. Click "Create Project".

  1. Intialize Firebase in your Jekyll folder
cd <your jekyll folder path>
firebase init

  1. Follow these steps
  2. Select Hosting by moving the arrow down and hitting "Space" and then "Enter".

    Image3

  3. Select the app you just created in Firebase Console

    Image4

  4. Setup the hosting options that work for you.

    Image5


  1. Deploy
firebase deploy

Image6


  1. 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.


  1. Adding your own domain name
  2. Visit your Firebase console https://console.firebase.google.com/.
  3. Click on your project.
  4. Under "Hosting", click on "Get Started".

    Image1

  5. Click on "Connect domain"

    Image1

  6. Add your domain name and click "Continue"

    Image1

  7. 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!

Vivek


Have a Project in mind?