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
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)
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)
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)
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)
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:
Buy me a coffee
Agree with you on the Firebase => Firestore. I’m just getting my feet wet with full stack development. Vue and Firestore are the perfect combination. Two emerging concepts for the future which cut out a lot of the previously required middle-ware.
Authorization, sign up and login is only the beginning.
The limitations with storage capacity (particularly concerning images) of the free version can be increased by combining the storage and Firestore aspects.
You get all the storage you need without restrictions, to fully master the concepts.
These two were made for each other