CI/CD Pipeline — Deploy Website using AWS CodeStar.

AWS Cloud Hands on Lab Practice Series.
4 min readApr 7


Project Overview —

To Deploy HTML Website using CI/CD Pipeline using AWS Services.


First Lets understand CI/CD -

CI —

  • Continuous Integration is a DevOps software development practice where developers regularly merge their code changes into a central repository, after which automated builds and tests are run.
  • The key goals of continuous integration are to find and address bugs quicker, improve software quality, and reduce the time it takes to validate and release new software updates.

CD —

  • Continuous Delivery is a software development practice where code changes are automatically prepared for a release to production.
  • It expands upon continuous integration by deploying all code changes to a testing environment and/or a production environment after the build stage for Modern application development.


  • we will create a Continuous Integration/Continuous Delivery (CI/CD) pipeline using AWS, and then use that pipeline to automatically deploy a new version of the website.
  • We’ll implement this with AWS CodeStar, a frontend tool that will automatically configure AWS DevOps Services — AWS CodeCommit, AWS CodeBuild, AWS CodeDeploy, and AWS CodePipeline.
  • By the end of the lab, we should understand what a CI/CD pipeline is, as well as the basics of how to set one up and push an update to a source code repository to trigger a new deploy.
  • PREREQUISITE — AWS Account with Admin Access.

STEP 1 :

  • Navigate to AWS CodeStar.
  • Click Create project.
  • If the Create service role dialog appears, click Create service role.

STEP 2 : Click the HTML card & Click on Next.

STEP 3 :

  • Give Project name.
  • For the repository, select AWS CodeCommit.

STEP 4 :

  • Open EC2 in a new tab.
  • Click KeyPairs located in the navigation menu.
  • Click Create key pair.
  • For Name, enter MyPipeline.
  • Click Create key pair.
  • Back in the CodeStar browser tab, close the key pair dialog.
  • Click Next.

STEP 5 :

  • For the Instance type, select t2.micro.
  • Choose the Subnet from one of the Availability Zones.
  • Choose the MyPipeline Key pair and click Next.

STEP 6 :

  • Click Create Project.
  • It could take 5–10 minutes for the project to finish being set up.
  • Behind the scenes AWS creates cloudformation stacks for necessary resources. ( Tip: Check Cloudformation Stacks for list of resources)

STEP 7 :

  • Click View application to navigate to our CI/CD HTML web application.

STEP 8 :

  • Back in the CodeStar browser tab, click IDE.
  • Click Access your project code.
  • Click Edit in AWS CodeCommit. This opens our repositories.
  • Click the webpage folder.
  • Click the index.html file. This is the code used to generate the website we just visited.
  • Click Edit.

STEP 9 :

  • Scroll down to line 61 & 62.
  • Change the content as you want for it.

STEP 10 :

  • In the Commit changes to master section, set the following values:
  • Author name: Your name
    Email address:
    Commit message: Update the website.
    Click Commit changes.
  • Refresh the web app we visited before after 2 mins, where we should see our new message we just edited in the code.
  • Congratulations on successfully completing this hands-on AWS lab!
  • Source code & detailed steps can be found at My Github Repo.
  • IMP NOTE - This DEMO/POC might incur some charges if kept active for long time. So please make sure to clean up the environment once done.

I am Kunal Shah, AWS Certified Solutions Architect, helping clients to achieve optimal solutions on the Cloud. Cloud Enabler by choice, DevOps Practitioner having 7+ Years of overall experience in the IT industry.

I love to talk about Cloud Technology, DevOps, Digital Transformation, Analytics, Infrastructure, Dev Tools, Operational efficiency, Serverless, Cost Optimization, Cloud Networking & Security.

#aws #community #builders #devops #tools #CI/CD #infrastructure

You can reach out to me @



AWS Solutions Architect | DevOps | Cloud Technology Enabler | Cloud Network & Security | CFT | Terraform | K8s | SysOps | Docker | FinOps | Blog | Share |

Recommended from Medium


See more recommendations