CI/CD - Static Site Hosted on S3

Introduction

This CICD Pipeline is designed to sync the master branch in a bitbucket repository to a web-enabled S3 bucket which is fronted by Cloudfront distribution.

Prerequistes

• Static Site hosted on S3
• CloudFront configured to serve website
• IAM user with Access Keys

Steps

1. Create bitbucket repository.
2. Enable pipeline via repository setting and toggle pipline button.
3. Click Configure bitbucket-pipeline.yml and apply the following code in starter pipeline option (Make sure to apply your bucketname and region).

    image: atlassian/default-image:2
   
    pipelines:
      branches:
        development:
          - step:
              name: Deploy to Development
              deployment: Development
              script:
                - pipe: atlassian/aws-s3-deploy:0.3.7
                  variables:
                    AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
                    AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
                    AWS_DEFAULT_REGION: <REGION>
                    S3_BUCKET: <BUCKET>
                    LOCAL_PATH: $BITBUCKET_CLONE_DIR
                    EXTRA_ARGS: --delete
        master:
          - step:
              name: Deploy to production
              deployment: production
              script:
                - pipe: atlassian/aws-s3-deploy:0.3.7
                  variables:
                    AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
                    AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
                    AWS_DEFAULT_REGION: <REGION>
                    S3_BUCKET: <BUCKET>
                    LOCAL_PATH: $BITBUCKET_CLONE_DIR
                    EXTRA_ARGS: --delete
   

4. Add $AWS_ACCESS_KEY_ID & $AWS_SECRET_ACCESS_KEY in Repository Variables.
5. Deploy your site to repo via git i.e commit and push commands
6. Trigger pipeline by creating a pull request. The pipeline should then deloy your code to the s3 bucket. Other Trigger Options

Sources

Bitbucket Pipeline