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.
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 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.
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.
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.
Digital Ocean is another elegant solution if you are thinking containers. You can follow this guide to get started.
You can follow me on Twitter at @juan_allo for my latest posts.