Right now you have a working prototype of your Vue.js single-page application (SPA) and you need to host it somewhere. Luckily, there’re some free options available on the market.

I’m not going to promote any paid options in this article, just to save you some time and budget.

1. Free Vue.js hosting on Firebase

You’ve probably heard of it, it’s a single platform built by Google that provides the following features:



Hosting

Authentication

Cloud Storage

Cloud Functions

Database

ML Kit

There’s a free “Spark Plan” with 1GB of hosting space, 1GB Realtime database and some other features.

If you’re just starting with your SPA and need a little more than just a static hosting, or want to quickly test your idea with the world this is a go to.

Pros:

Built by Google

A long list of features

Cutting-edge database

Well-documented and good community support

Custom domains and HTTPS

Cons:

Poor bandwidth quota on the free plan

https://firebase.google.com/

2. Free Vue.js hosting on Netlify

It’s less known than Google but it’s getting popular among Vue.js developers.

Pros:

Custom domains & HTTPS support

Instant Git integration

Continuous deployment

Generous bandwidth quota

GitHub & GitLab integration and automatic deployment

Very easy to deploy a new website

Cons:

Limited functionality (static hosting only)

https://www.netlify.com/

3. Free Vue.js hosting on GitHub Pages

It’s a static site hosting.



Pros:

Custom domains & HTTPS

Easy to setup and deploy static sites

CDN

Cons:

Works only for public repositories, as you code will be available to the public

Limited functionality (static hosting only)

https://pages.github.com/

4. Free Vue.js hosting on Amazon S3

Pros:

Built by the giants (Amazon)

Good documentation

99.999999999% (11 9’s) of durability

Cons:

Free for the first year with AWS Free Usage Tier

Limited functionality (static hosting only)

https://aws.amazon.com/s3/

5. Free Vue.js hosting on Heroku

These guys have been on the market for ages. I’ve met them in person in Amsterdam years ago. I really like their product but their free plan is very limited.

Pros:

Custom domains

Deploy from Git

Shared access to apps you own on your personal account

Cons:

Sleeps after 30 minutes of inactivity

No HTTPS support for custom domains

Limited functionality (static hosting only)

https://www.heroku.com

Verdict

I personally prefer Firebase by Google, as I usually need more than just a static hosting. With the realtime database, user authentication and cloud functions it becomes a powerful tool. The only limitation is a small bandwidth quota, which you can increase by upgrading your plan.

Share you suggestions in the comments section below.

Cheers,

Renat Galyamov

Want to share this with your friends?

👉renatello.com/vuejs-free-hosting

PS: Make sure you check other posts e.g. how to check if a user has scrolled to the bottom in Vue.js, how to do Vue.js polling using setInterval(), JavaScript/Vue.js print object in the console and how to get selected value on @change using Vue.js, how to back up your data in 6 different ways.

Incoming search terms: