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…
You can follow me on Twitter at @juan_allo for my latest posts.
Juan Manuel Allo Ron 