Skip to content

Guide 3

Frontend CI/CD to S3

Push to your fork and have the React app tested, built with the right API URL baked in, and synced to the S3 website bucket automatically.

Time
45–60 minutes
Level
Intermediate
Before you start
After guide 1 (chapters 1–10).
  1. 1Overview and prerequisitesHow a push to your fork becomes a new website on S3, and what must already exist.10 min
  2. 2Point the deploy file at your bucketRead the two buildspecs, then change the hard-coded bucket in your fork. This is the step that makes the original repo unusable.15 min
  3. 3Connect AWS to your forkReuse or create the GitHub connection that lets CodePipeline read your fork.8 min
  4. 4Create the pipelineSource and Build from the wizard, then add the deploy stage with its own CodeBuild project.30 min
  5. 5Permissions for publishingLet the deploy project write to your website bucket, and check that the pipeline can start both builds.15 min
  6. 6Run the first releasePublish the site through the pipeline and verify the files, the headers and the page.15 min
  7. 7Ship a change, and break one on purposeChange the footer, watch it go live without touching AWS, then see a broken build get stopped.25 min
  8. 8Rollbacks and operationsUndo a bad release, retry safely, understand caching, and combine both pipelines if you want one.15 min
  9. 9TroubleshootingErrors you may meet building and publishing the website, what causes them and how to fix them.15 min