Create pipeline
- At the CodeCommit console, click Pipeline-CodePipeline on the left menu
- Click Getting started
- Click Create pipeline

- Enter pipeline name:
fcj-book-store-frontend-pipeline
- Select New service role to crate a new role
- Click Next

- Select AWS CodeCommit is source provider
- Select repository is fcj-book-store-frontend
- Select main branch
- Click Next

- Select AWS CodeBuild is build provider
- Select along with region of SAM pipeline
- Click Create new project

- Enter project name:
fcj-book-store-frontend

- Select Standard for Rumtime(s) section
- Select aws/codebuild/standard:5.0 for Image section

- Can you enter
buildspec.yaml
for the name of Buildspec or not
- Click Continue to CodePipeline

- Select project you just created

- Select Amazon S3 is deploy provider
- Select fcj-book-store bucket
- Check to Extract file before deploy
- Click Next

- Scroll down to bottom and click Create pipeline

- Wait for a while for the pipeline to be processed until it succeeds

- Open Amazon S3 console

- Click to fcj-book-store bucket

- The files and folders after the build have been deployed on the S3 bucket

- Click Properties tab

- Scroll down to bottom and click website enpoint

So we have deployed a new pipeline for the source code of the front-end. The next step we will test the web running.