LogoJuan Manuel Allo Ron

Multiple options to deploy your web application

By Juan Manuel Allo Ron on Feb 5, 2021

In this weekly digest I have compiled a list of tutorials to deploy your website or app into different hosting providers.

There are tons of great solutions out there to help you out deploying your projects. Of course there are slight differences between them and pros/cons but the best way to learn them is to try them out.

While most of this guides focus on react applications, you can easily follow some of the steps to deploy any other JS based app.

Github Pages

Let’s start with one that should be the easiest to setup: Github pages. No it is a static site hosting service so it could be useful for projects that don’t require any backend or maybe blogs (generated statically or that rely on the repository filesystem). Follow this quick guide to deploy a react application.

Amazon Web Services (AWS)

AWS Amplify is a great option to deploy a static site. Check this video on how to deploy a NextJs static site. If you are looking for an option with create-react-app, check out this article that shows how to deploy a simple weather app to AWS Amplify.

If you are looking to explore a dockerized approach, check this guide that deploys an react docker app to AWS ECS using Terraform. You can always check the AWS Elastic Container Service documentation to learn more about how containers are deployment and managed.

Google Cloud

Google cloud storage could be a great option to deploy a static site. Check this tutorial on How To Deploy Your React App To The Google Cloud Engine.

For a dockerized approach you would need to run it in Google Kubernetes Engine (GKE). The google docs to deploy a containerized web application are a great place to start. You can also check this Github repository for a boilerplate.

Another service in the Google Cloud family is Firebase. Check this guide to deploy a create react app in firebase. If you want to take it one step forward, you could leverage Github actions to automatically deploy into Firebase.

Heroku

Heroku has been there forever and is still a solid solution to deploy web projects. Check this quick guide on how to deploy a React application. To use your custom domain, you can follow this guide.

If you are looking to automate deployments, you can follow this tutorial that relies on Github Actions.

Finally, explore how to deploy a full-stack app in this tutorial.

Netlify

If you want to check Netlify out check this guide to deploy from the CLI. There are also other options, like just dropping the content into a folder or connecting to gihub. Explore all the options in this guide.

There are other CI/CD services like Buddy that can also help with automatic releases. Check this guide on how to deploy with Buddy to Netifly.

Digital Ocean

Digital Ocean is another elegant solution if you are thinking containers. You can follow this guide to get started.

Vercel

If you are thinking about using NextJS, then you definitively need to check Vercel. Their guides are super complete, so I recommend you to start there.

And more…

LogRocket published a similar article that features other providers like: Gitlab Pages, Moovweb XDN, Roast, Render and Surge.


Catch up with me on Twitter:@juan_allo

Deploy
Development
Hosting
Javascript
React
Release
Web
Weekly digest

Share

X Facebook Y Combinator LinkedIn Reddit Email

---

Similar Articles

Weekly Digest #10: On Remix, Snowpack, Rome and Web-vitals

May 24, 2020
The never ending flow of innovation is what I love about the web. There are so many great ideas! In the past few months a lot of innovation happened and in this weekly digest I want to share the most important ones.
React Process that involves figuring out differences between DOM and vDOM

Weekly Digest #4: On React internals

Apr 12, 2020
This weekly digest focuses on React internals. Understanding how react works internally helps to follow best practices when coding, better understanding on performance and extra skills to debug those hard bugs.
React Logo

Learning Path: Getting started with React

May 19, 2020
In this post I want to share some resources that helped me learn React and I hope they are useful for anyone starting out there.
A book cover with JS books as the title

Weekly Digest #7: On Javascript books

May 3, 2020
Whether you are learning JS from scratch or have been working with it for a while now, I believe you will find great value on the following list of books.

@2023 Juan Manuel Allo Ron. All Rights reserved