Streamlining Your Portfolio Updates: A Guide to Continuous Deployment with AWS CodePipeline and GitHub

David Wambia
4 min readApr 5, 2021

In the realm of personal portfolios, keeping your showcase up-to-date is key to leaving a lasting impression on potential clients or employers. Manual updates can be time-consuming and error-prone, which is why implementing continuous deployment (CD) practices is a game-changer. In this article, we’ll walk through the process of setting up continuous deployment for your portfolio using AWS CodePipeline and integrating it seamlessly with GitHub.

Why Continuous Deployment for Your Portfolio?

As a developer or creative professional, your portfolio is a dynamic representation of your skills and achievements. Continuous deployment automates the process of updating your portfolio, ensuring that any changes you make to your projects are swiftly reflected on your site. This not only saves time but also ensures that your portfolio is consistently up-to-date and aligned with your latest accomplishments.

Streamlining Your Portfolio Updates: A Guide to Continuous Deployment with AWS CodePipeline and GitHub

In the realm of personal portfolios, keeping your showcase up-to-date is key to leaving a lasting impression on potential clients or employers. Manual updates can be time-consuming and error-prone, which is why implementing continuous deployment (CD) practices is a game-changer. In this article, we’ll walk through the process of setting up continuous deployment for your portfolio using AWS CodePipeline and integrating it seamlessly with GitHub.

Why Continuous Deployment for Your Portfolio?

As a developer or creative professional, your portfolio is a dynamic representation of your skills and achievements. Continuous deployment automates the process of updating your portfolio, ensuring that any changes you make to your projects are swiftly reflected on your site. This not only saves time but also ensures that your portfolio is consistently up-to-date and aligned with your latest accomplishments.

Prerequisites

Before delving into the setup, make sure you have the following:

  1. An AWS account.
  2. A static portfolio website hosted on AWS S3.
  3. A GitHub repository containing the source code of your portfolio.

Setting Up AWS CodePipeline and Github integration

  1. Navigate to AWS CodePipeline:
  • Open the AWS Management Console.
  • Go to the CodePipeline service by searching for it in the search bar.

2. Create a New Pipeline:

  • Click on “Create pipeline.” on the right hand side.
  • Enter a pipeline name.
  • Choose “New service role” under Role name.
  • Click on “Next.”

3. Configure Source Stage (GitHub):

  • Select GitHub(Version 1) as the source provider.
  • Click “Connect to Github” to Connect your GitHub account.
  • Choose the repository and branch for your portfolio.
  • Click on “Next.”

4. Configure Build Stage (Optional):

  • If your portfolio requires build steps, add a build stage (e.g., using AWS CodeBuild).
  • Skip this step if your HTML, CSS, and JS files are directly deployable.

5. Configure Deploy Stage (S3):

  • Choose AWS S3 as the deployment provider.
  • Select the S3 bucket hosting your portfolio.
  • Specify the S3 bucket path (if applicable).
  • Click on “Next.”

6. Review and Create:

  • Review your pipeline configuration.
  • Click on “Create pipeline.”

Testing the Continuous Deployment

  1. Make a Code Change:
  • Make a small change in your GitHub repository (e.g., update a project description).

2. Commit and Push:

  • Commit the changes and push them to your GitHub repository.

3. Observing the Pipeline:

  • Go to CodePipeline in the AWS Management Console.
  • Observe the pipeline stages. The changes should automatically trigger the pipeline.

4. Verify Deployment:

  • Once the pipeline completes, check your portfolio. The changes should be reflected.

Congratulations! You’ve successfully set up continuous deployment for your portfolio using AWS CodePipeline and GitHub integration. Now, updating your portfolio is as simple as pushing changes to your GitHub repository. This streamlined process ensures that your portfolio remains a current and compelling reflection of your skills and accomplishments. Embrace the efficiency of continuous deployment and let your portfolio shine!

Happy hosting!

--

--