Top Free Services To Deploy Full-Stack Applications (Back-end, Front-end, Databases)
Tags: resources, services, devops, fullstack
Published: 2021-02-14 05:03:41

## Introduction

So you have developed a full-stack web application and now you are wondering how to take it online?

Is it just a side project that you want to showcase or a small scale project to test it out with real users and get some feedback?

One question you must be having is how can I get it done in the least cost possible right? Today we will see a list of amazing top services, using which you can easily go live with your project for **FREE!**

![Free Hosting Meme](https://dev-to-uploads.s3.amazonaws.com/i/4trir8ognqx39krafhyg.jpg)

We will see services for Back-end, Front-end, and even Databases 🤯. In the end, I'll drop in my personal choice and views regarding the same.

> Note - I am not being paid or sponsored by any of these services. This is just advice based on my experience as a freelancer, and on how I host my web applications.

## Back-End

### 1. Heroku

[Heroku](https://www.heroku.com/) is a PaaS i.e Platform as a Service, you can deploy your backend applications very quickly and easily on Heroku. They have a [free tier](https://www.heroku.com/pricing) where you can run up to **100 backend apps at the same time for free**. One catch is that you collectively have only **1000 free dyno/app-hours per month** but its more than enough for a hobby or side project.

Also, Heroku has a wide [variety of add-ons](https://elements.heroku.com/) which makes this entire ecosystem very easy to use and setup.

### 2. Vercel

[Vercel or Formerly known as Zeit](https://vercel.com/) is another great option to deploy both Backend and Frontend applications, It uses [serverless architecture](https://en.wikipedia.org/wiki/Serverless_computing) to set up their infrastructure for deployment. Most people use vercel to deploy frontend applications but you can also deploy backend apps with vercel. This guide shows you [how to deploy Node.js API with MongoDB on vercel](https://vercel.com/guides/deploying-a-mongodb-powered-api-with-node-and-vercel).

Vercel has a very [generous free tier](https://vercel.com/pricing) with these specs

| Feature                                     | Free | Pro |
| ------------------------------------------- | ---- | --- |
| Serverless Functions Created per Deployment | 12   | 24  |
| Serverless Functions Created per Month      | 160  | 640 |
| Serverless Function Duration (Seconds)      | 10   | 60  |

### 3. Firebase

[Firebase](https://firebase.google.com/) is not just a hosting service but a google backed product that provides lots of features along with hosting. Firebase gives you functionality like analytics, databases, messaging and crash reporting, etc.

Along with hosting, many of the other services are also available in [free tier](https://firebase.google.com/pricing) and as you scale up, you can go ahead with their Pay-as-you-Go model.

You can host serverless functions called [Cloud Functions](https://firebase.google.com/docs/functions), however recently google has announced that to create functions that use Node.js version 10 and above, you have to [enable billing](https://support.google.com/googleapi/answer/6158867?hl=en) for the account.

### 4. Fly.io

[Fly.io](https://fly.io/) is a relatively new platform (founded in 2017) which has a [free tier](https://fly.io/docs/about/pricing/#free-for-side-projects) to test out the platform or host small side projects. They give each user \$10/mo of service credit that automatically applies to any paid service.

| Type     | RAM   | Monthly (approx) |
| -------- | ----- | ---------------- |
| micro-1x | 128MB | $2.67           |
| micro-2x | 512MB | $8              |

You can easily follow along with their [quickstart guide](https://fly.io/docs/getting-started/installing-flyctl/) to set up the deployment workflow using their CLI tool.

### 5. Freemium IaaS

I have clubbed together AWS, GCP, and Azure into this category. All three of these provide a free tier with a basic machine to set up for a year.

Read more about their services in the free tier at

- [Amazon Web Services](https://aws.amazon.com/free/)
- [Google Cloud Platform](https://cloud.google.com/free/)
- [Azure](https://azure.microsoft.com/en-us/free)

These all are indeed good but sometimes can become too overwhelming for beginners by looking at their vast number of services and interconnection between them.

## Front-End

### 1. Netlify

[Netlify](https://www.netlify.com/) is an amazing service for hosting you static websites, you can easily **host unlimited projects**, **invoke serverless functions**, **add a custom domain with HTTPS**, **Store large files**, **Preview Deploys** and [many more](https://www.netlify.com/products/) for free.

Recently Netlify also released [Plugins Ecosystem](https://docs.netlify.com/configure-builds/build-plugins/) which allows you to customize your build process.

### 2. Vercel

[Vercel](https://vercel.com/) as mentioned above, not only can be used to deploy backend APIs but in fact has a better ecosystem built to deploy static frontend applications. They have solutions for **Next.js**, **Gatsby**, **React**, **Vue**, **Angular**, **Nuxt** out of the box with **Zero Configuration**.

Vercel also provides Edge Network or [Content Delivery Network](https://en.wikipedia.org/wiki/Content_delivery_network) and has multiple layers of caches to ensure that your Vercel deployments are fast around the world. You can read more about it on their [docs section](https://vercel.com/docs/introduction) which in my opinion is nicely structured for better understanding.

### 3. Github Pages

If you are a heavy user of GitHub and just want to quickly have a deployed version of your project then [Github Pages](https://pages.github.com/) is the best choice for you. Github Pages host your code directly from your GitHub repository, so any changes/edits you make and push it to the repository are automatically pushed to your live website.

Follow this [amazing guide by github](https://docs.github.com/en/github/working-with-github-pages) to set up your next project using Github Pages.

### 4. Surge.sh

[Surge.sh](https://surge.sh/) is one of the simplest static site publishing providers. You can use their CLI tool to publish any project directly from the terminal or you could use its integration with various build tools like [Grunt](https://surge.sh/help/deploying-a-grunt-project), [Gulp](https://github.com/surge-sh/gulp-surge), [Travis CI](https://surge.sh/help/integrating-with-travis-ci) and many more.

Try out surge [free tier](https://surge.sh/pricing) which is more than enough for any small to medium size front end application.

### 5. Render

[Render](https://render.com/) is another great service to host your both front end and back end applications and database, Although they don't have any free tier for back end and databases (_as of now_) but they have a really good [free tier for static web hosting](https://render.com/pricing).

The services are more or less similar to the other services mentioned above, so in the end, it all depends on your experience as a developer using these services.

## Database

### 1. MongoDB Atlas

The company [MongoDB](https://www.mongodb.com/) itself created this service called [MongoDB Atlas](https://www.mongodb.com/cloud/atlas) and provides a really good free tier with **512 MB of Storage**, **Shared RAM** and **Highly available replica sets, end-to-end encryption, automated patches, REST API**.

Previously, I was using [mLab](https://mlab.com/) as Database-as-a-Service for most of my projects, but a few months back mLab was [acquired by MongoDB](https://blog.mlab.com/2018/10/mlab-is-becoming-a-part-of-mongodb-inc/) and for the greater good, as MongoDB provides additional services and better security rules for your shared MongoDB Databases. There is no doubt that Atlas is the best Cloud Database you can get for rapid prototyping and small to medium-sized projects.

### 2. Elephant SQL

When I am not using a NoSQL database like MongoDB and need an RDBMS database for any project, I mostly use [PostgreSQL](https://www.postgresql.org/). [Elephant SQL](https://www.elephantsql.com/) is a great PostgreSQL as a Service for the cloud. Although they have a variety of plans for their service but their [free tier](https://www.elephantsql.com/plans.html) is great for getting started with the PostgreSQL database in the cloud.

### 3. Heroku Postgres

As I have mentioned above in the Heroku section about the additional add-ons that Heroku provides, one of them is [Heroku Postgres](https://www.heroku.com/postgres). This is what I was using previously before I discovered about elephantSQL and I am pretty much satisfied with the services that Heroku Postgres provides.

Moreover, it's not just great but also completely free, you don't even need to add credit card details to verify your account to use this (as for some other service like [Heroku Redis](https://www.heroku.com/redis)).

### 4. Redis Lab

Most of my side/client projects involve tasks where I require a fast, in-memory datastore either for caching, [rate limiting](https://akashrajpurohit.com/blog/api-rate-limit-in-nodejs-and-expressjs/) or session management, for that, I mostly go with [Redis](https://redis.io/). For the cloud Redis database, I use [Redis Lab](https://redislabs.com/). You can signup for an account and get 1 database with 30 MB storage for free. This is more than enough for me for prototyping and testing things out.

## Conclusion

So these were most of the services that I have personally used and would recommend to others as well. My final thoughts are

- I mostly use Heroku and Vercel for deploying most of my backend applications
- For frontend I mostly choose between Netlify and Vercel from the mentioned options, but all of these options provide very similar kind of services so at the end it boils down to our own experience while using them, my suggestion would be to try each one out and choose for yourself which is your preference
- For Databases, I have laid down all the services I use for different types of databases, there may be other service providers but these are the ones I tend to choose.

Let me know if something is missing in the list which you would've liked to see. 😊