Blog Details

DevOps- How to Implement CI-CD with AWS in 5 mins for your static website – 100 days of Cloud: Day 13


DAY 13 – DevOps- Implementing CI-CD with AWS in 5 mins for your static website- Day Thirteen

Image Cover

Tweet This Blog – 100 days of Cloud on GitHub – Read On

💿 CI-CD for Static website, using GIT – CodeBuild – S3

Automate deployment using CI CD implementation for static website using git, codebuild to setup pipeline and finally deploy in S3.

🛠️ Requirement

  • A git repo for your website. Feel free to fork mine for testing purpose
  • Access to codebuild and S3.

🪣 Create your bucket.

Follow this tutorial to create a bucket for hosting a website.

🛠️ Building CI-CD using CodeBuild

🚰 Let’s build the pipeline

  • Sign into AWS console
  • goto CodeBuild
Click Create PipelineImage Pipeline
Name the pipe line, and Service roleImage role
Adding Source Provider, and Select Github version 2Image githubversion
Enter a connection name for codestarImage name
Connect githubImage github
Select your repo & branchImage repo

🏘️ Building your project.

if you are creating pipeline to host angular, react or any code that require a build phase you can use either Jenkins or Code build to do so.

For this demo Am Skipping the build Stage, as its just a static website.

⌨️ Deploying the code

Lets deploy this code into a serverless environment , in this case the S3.

Select S3 as deployment provider 7 click NextImage s3
Select your bucket and enable Extract file before deploy and click NextImage deploy
Click Create PipelineImage pipelinecreate

Now you will be able to see the code build pulling the code from git and deploying it to the S3. Once the pipleline complete you will be able to see output as shown below.

Image final

🎉Congratulations you have successfully implemented CI-CD for your project

✅Connect with me on Twitter
🤝🏽Connect with me on Linkedin
🧑🏼‍🤝‍🧑🏻 Read more post on or
💻 Connect with me on GitHub