Join us
@sandygudie ・ Nov 11,2021 ・ 2 min read ・ 5603 views ・ Originally posted on sandygoody.medium.com
In this tutorial, I’m going to illustrate how to handle Continuous Integration and deployment using GitHub actions.
Goals: Using GitHub Actions to automate:
- Building and pushing docker image to DockerHub,
- Deploy updates to Vercel for every push and pull request.
Prerequisite
- A React App
- A Vercel Account
- DockerHub Account
- Basic knowledge of Docker, Vercel, and GitHub
You can get the final codes on GitHub, Let’s get right in;
Step 1. Check React App is working
You could decide to create a new React project or use an existing React project. For the tutorial, I will be using an existing Ecommerce App.
Step 2. Setup for Docker
Read more on building and running docker image on docker desktop
Step 3. Workflow for GitHub Action
For Docker image:
For Vercel:
If all is rightly done, you should have your workflow on GitHub running and completed
After that, go ahead to check your DockerHub and Vercel for the latest updates.
Join other developers and claim your FAUN account now!
Influence
Total Hits
Posts
Only registered users can post comments. Please, login or signup.