This is another React app whch uses TravisCI pipeline and deploy the app in AWS S3.
- Make sure you have the access to AWS
- Docker installed in your local environment
- Create directory
mkdir my-fanky-website - Create react application
npx create-react-app . - Create test Dockefile and production docker file
touch Dockerfile.test
touch Dockerfile - Build your test docker container
docker build --tag my-fanky-website-test-container --file Dockerfile.test . - Run your test container
docker run my-fanky-website-test-container - Build the production container
docker build --tag my-fanky-website .
- Create a S3 bucket
- Enable it as static web hosting
- Save bucket name and URL
- Create IAM user with S3 programmetical access..
- Save Access key ID and secret key (Note: It will show only one time therefore export it as a CSV. )
- Run the production container with the AWS credentials provided.
docker run --env AWS_ACCESS_KEY_ID=key --env AWS_ACCESS_SECRET_KEY=secret --env AWS_REGION=ap-southeast-2 my-fanky-website
- Make sure the project is checked in to Github.
- Sign up for Travis CI if you do not have account. Travis CI
- Add new repository to the Travis pipeline
- Add AWS enviornment variables to Travis
- Create .travis.yml in the repository
- Now any commit message to master will trigger Travis CI/CD pipeline and deploy to S3