Top 5 Ways To Host Your Full-Stack App For Free 🚀✨
Tags: webdev, beginners, frontend, programming
Published: 2023-12-20 11:55:57

## Hello There!

![Heroku Logo](https://blog.4linux.com.br/wp-content/uploads/2018/01/Heroku.png)

First of all, let me give you some context. 

[Up until recently](https://help.heroku.com/RSBRUH58/removal-of-heroku-free-product-plans-faq), **Heroku** had a nice free tier that let you deploy and test things with their dynos. It was a breeze to use. But with the removal of this free tier, developers have been left searching for a new platform to deploy their projects to.

Luckily, there are lots of new hosting providers popping up. But **actually choosing where to deploy** to can be as challenging as coding your project.

![So many Options gif](https://media.giphy.com/media/McD0cTjsFuxc7tjseu/giphy.gif)

That's why in this article, **I'll show some of those** **options** for hosting your app online for free. We’ll look quickly at what each provider is best at, so you can make an informed decision, and get your app online.

### Table of Contents

{%- # TOC start (generated with https://github.com/derlin/bitdowntoc) -%}

- [**How To Make The Most Out Of Free Hosting Platforms 🚀✨**](#how-to-make-the-most-out-of-free-hosting-platforms-)
   * [Hello There!](#hello-there)
      + [Table of Contents](#table-of-contents)
      + [A quick heads up](#a-quick-heads-up)
      + [Vercel](#vercel)
      + [Railway](#railway)
      + [Render](#render)
      + [Fly](#fly)
      + [Netlify](#netlify)
      + [Conclusion](#conclusion)

{%- # TOC end -%}

### A quick heads up

Before you begin deploying our app, make sure to read the deployment guide provided by your chosen framework. [React](https://create-react-app.dev/docs/deployment/), [NextJS](https://nextjs.org/docs/pages/building-your-application/deploying), [Wasp](https://wasp-lang.dev/docs/advanced/deployment/overview), and most of the current frameworks have really great deployment guides (and even platforms that make these deployments easier). 

Thus, your framework choice might have a big influence on your hosting provider! 

![The office GIF](https://media.giphy.com/media/BpGWitbFZflfSUYuZ9/giphy.gif)

## Support us! 🙏⭐️

By the way, I’m part of Wasp’s team, and it would mean a lot if you could check our full-stack React/NodeJS/Prisma framework and [give us a star](https://kdta.io/github-wasp-lang-wasp_14). 

We’re working hard to help devs go from idea to deployed as fast and easily as possible (e.g., one-command, full-stack deployments), and all help is appreciated!

{% cta https://kdta.io/github-wasp-lang-wasp_13 %} ⭐️ Give Wasp Framework a Star! ⭐️  {% endcta %}

Ok. Now, let’s explore some of the cloud platform that offer great options when it comes to hosting your app for free. 

### Vercel

![Vercel Logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4nawjjv3zd1iea1rgfjw.png)

If you are deploying a front-end application, the experience here is hard to match. The free tier on this is **REALLY** good. I have something in the order of 20 small websites running on the Hobby plan and wasn’t able to make a dent in usage. 

Besides that, the ease of deployment is astonishing. 

![Vercel Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/61giw9nmi9y1d933y6hk.png)

All you have to do is choose a github repository, and if they detect you're using one of the major frameworks, you probably don’t even have to configure anything! They'll take care of it all and you’ll have your app running in seconds.

![Vercel Deployment](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4xidcbvp9tpbeqr57d94.png)

Unfortunately, for back-end and databases [Vercel](https://vercel.com/) still isn’t a great option. If you have a really small back-end (and NodeJS focused) you could try to deploy here though using [Vercel’s functions](https://vercel.com/docs/functions/serverless-functions) infrastructure, although they are limited in execution time and complexity.

For more complex back-ends, we'll have to take a look at some of the providers below.

### Railway


![Railway Logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rnxai4q81n8u5uxlcz4h.png)

[Railway](https://railway.app/) is a platform that allows you to easily deploy web apps and APIs. It offers a free tier of **$5 worth of free usage per month** when you sign up. 

With just a few commands, you can deploy your app and have it up and running in no time. It has a pretty nice UI, and the overall experience for deploying is good!

By the way, I really love the way they decided to show the projects and containers. It’s a really smart way to see things on an overview, instead of hundreds of small applications. Sometimes, [simply grouping things](https://lawsofux.com/law-of-common-region/) can have a big impact on UX as you can see here:


![Grouped Project](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3f4y84fkv7sa3rxd0yrf.png)

It also supports popular frameworks like React, Next.js, and Node.js. Additionally, it provides one-click database setups and [community-created templates](https://railway.app/templates), which can significantly simplify the process of setting up Dockerfiles for your project.


![Railway Plans](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t5zsr0oghlpyej2p335u.png)

Here are the basic current prices for it, the $5 monthly dollars (which they give you monthly for you to use) are actually enough for you to have a few projects up (as 2 - 3 small websites, back-ends and databases) and running if you know how to set them up properly (e.g. set them to automatically sleep when not being used).


![Configuration page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e1nuvnb877w0zdb1kywt.png)

They have this option in the app configuration page. In there you’ll also find other interesting configuration options that you can change, like domain name, healthcheck endpoints, and more.

### Render

![Render Logo](https://images.g2crowd.com/uploads/product/image/large_detail/large_detail_477db83f729d63210139ec7cd29c1351/render-render.png)

Render is another user-friendly cloud platform that offers a **good free tier** and supports a wide range of applications. It simplifies the process of deploying and scaling applications and supports multiple programming languages and frameworks.

Render's free tier includes (per month):

- 500 pipeline building minutes
- 100GB of bandwidth

The only exception is for their **Cron Jobs service (which may not be needed in your case, especially if you're taking advantage of [Wasp's built-in jobs](https://wasp-lang.dev/docs/advanced/jobs), which have a minimum monthly charge of $1.**


![Render plans](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sbqb08789v4soij9gp0s.png)


![Render plans 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n54c1fapvolqgzszzaaz.png)

It's really robust with features! I was able to deploy a database, a NestJS app, and a NextJS frontend, all working with migrations, Prisma ORM, and more! It has some nice event tracking (although it could be presented better — sometimes, there are too many elements on screen).


![Event example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/essf0z1u1ows6snpswf6.png)

And it has some observability features, too! You may think these are not going to be used on a really small app, but, when you are debugging things on the production environment, every tool you have can generate new insights about a problem.


![Observability example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m3fs623gtv5gu4hnjr3g.png)


![Observability example 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wasik5y01zuh5a5za8gk.png)

### Fly

![Fly Logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3v8jhqg988eorpcdn7hb.png)

[Fly](https://fly.io/) is a cloud platform that focuses on global edge computing. Fly specializes in high-performance hosting and provides a global network of edge locations. Fly is known for its scalability and performance optimizations.


![Fly plans](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/952omdoyh68fwq4lv4ik.png)

It supports various programming languages and frameworks, allowing you to build and deploy powerful apps and, for the deployment process, you simply download the [flyctl](https://fly.io/docs/hands-on/install-flyctl/) and you are ready to go!


![Supported Frameworks](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/almuttwim73338hy7ech.png)

By the way, the Wasp framework supports a one-command deployment using Fly! You can check it out [here](https://wasp-lang.dev/docs/advanced/deployment/manually#flyio) to read more about it!

![wasp deploy to fly](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ohqil6hslcacgnhr2128.jpeg)

It can also accommodate some small items, but the costs become a little steeper when we look the actual values:


![Fly plans pricing](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f74v7dkf1p1i23jsckz3.png)

For quality of service, it has some nice monitoring dashboards and Sentry integration, which seems really useful. You can also easily check your application logs with SSH too!

![Error logging at fly](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6bcj1fzf6xc64fzyugpu.png)

### Netlify


![Netlify Logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9zm251qd0ow6ja1yhrot.png)

Netlify is known for its great free tier and provides a variety of features to build and deploy websites. With that said, it's more of a direct competitor to Vercel in that it's focused on front-end and static content. 

Like Vercel, it's not meant for robust back-ends, but it does also have an option to host serverless functions, you'll just have to host your database somewhere else. 

It offers excellent support for major frameworks, using specific builders tailored for each one. Their [deployment documentation](https://docs.netlify.com/configure-builds/overview/?_gl=1%2a10z7npm%2a_gcl_au%2aMTcyNzA3MDU2My4xNzAyNjUxODAx#basic-build-settings) is comprehensive and helpful.


![Netlify plans](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xv8o94y0dltcvr0u2n4a.png)

With Netlify, you can take advantage of their Content Delivery Networks (CDNs) to provide fast static content delivery to your users. They offer a range of features to help you build and optimize your websites.

Netlify's free tier includes:

- 300 build minutes per month
- 100GB of bandwidth per month

Netlify has gained popularity among developers for its ease of use and powerful features. It's a great option for hosting static websites or [Jamstack](https://jamstack.org/) applications.

![NextJS identification](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e80nn5uz0il95xtogrr3.png)

They also have some major frameworks build runtimes that can ease up the process for you!

### Conclusion

Just in case you haven’t starred [Wasp’s repository](https://www.github.com/wasp-lang/wasp) yet, I would recommend doing so! It helps us bring you free content like this every week. Plus, it's the best, no bullshit full-stack frameworks out there for cutting down development time and getting your projects done.

{% cta https://www.github.com/wasp-lang/wasp %} ⭐️ Give Wasp a star! ⭐️  {% endcta %}

When it comes to hosting your app for free, it's important to consider the specific features and limitations of each platform. Each platform has its own strengths and it's important to choose the one that best fits your needs and requirements. 

Here’s a visual recap for you:

![Recap image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dd023j7tcv1cu23zedqm.png)

And hey! Would you like to see a more in-depth article about all of those platforms? Leave it in the comment section!