|
2 | 2 | title: Configure CI/CD for your React.js application |
3 | 3 | linkTitle: Configure CI/CD |
4 | 4 | weight: 50 |
5 | | -keywords: ci/cd, github actions, React.js, next |
| 5 | +keywords: CI/CD, GitHub( Actions), React.js, Next.js |
6 | 6 | description: Learn how to configure CI/CD using GitHub Actions for your React.js application. |
7 | 7 | aliases: |
8 | 8 | - /language/react.js/configure-ci-cd/ |
@@ -65,7 +65,7 @@ To enable GitHub Actions to build and push Docker images, you’ll securely stor |
65 | 65 | | `DOCKERHUB_TOKEN` | Your Docker Hub access token (created in Step 1) | |
66 | 66 | | `DOCKERHUB_PROJECT_NAME` | Your Docker Project Name (created in Step 2) | |
67 | 67 |
|
68 | | - These secrets allow GitHub Actions to authenticate securely with Docker Hub during automated workflows. |
| 68 | + These secrets let GitHub Actions to authenticate securely with Docker Hub during automated workflows. |
69 | 69 |
|
70 | 70 | 5. **Connect Your Local Project to GitHub** |
71 | 71 |
|
@@ -123,20 +123,20 @@ Once completed, your code will be available on GitHub, and any GitHub Actions wo |
123 | 123 |
|
124 | 124 | > [!NOTE] |
125 | 125 | > **Learn more about the Git commands used in this step:** |
126 | | -> - [git add](https://git-scm.com/docs/git-add) – Stage changes (new, modified, deleted) for commit |
127 | | -> - [git commit](https://git-scm.com/docs/git-commit) – Save a snapshot of your staged changes |
128 | | -> - [git push](https://git-scm.com/docs/git-push) – Upload local commits to your GitHub repository |
129 | | -> - [git remote](https://git-scm.com/docs/git-remote) – View and manage remote repository URLs |
| 126 | +> - [Git add](https://git-scm.com/docs/git-add) – Stage changes (new, modified, deleted) for commit |
| 127 | +> - [Git commit](https://git-scm.com/docs/git-commit) – Save a snapshot of your staged changes |
| 128 | +> - [Git push](https://git-scm.com/docs/git-push) – Upload local commits to your GitHub repository |
| 129 | +> - [Git remote](https://git-scm.com/docs/git-remote) – View and manage remote repository URLs |
130 | 130 |
|
131 | 131 | --- |
132 | 132 |
|
133 | 133 | ### Step 2: Set up the workflow |
134 | 134 |
|
135 | 135 | Now you'll create a GitHub Actions workflow that builds your Docker image, runs tests, and pushes the image to Docker Hub. |
136 | 136 |
|
137 | | -1. Go to your repository on GitHub and click the **Actions** tab in the top menu. |
| 137 | +1. Go to your repository on GitHub and select the **Actions** tab in the top menu. |
138 | 138 |
|
139 | | -2. Click **Set up a workflow yourself** when prompted. |
| 139 | +2. Select **Set up a workflow yourself** when prompted. |
140 | 140 |
|
141 | 141 | This opens an inline editor to create a new workflow file. By default, it will be saved to: |
142 | 142 | `.github/workflows/main.yml` |
@@ -238,7 +238,7 @@ jobs: |
238 | 238 | cache-from: type=local,src=/tmp/.buildx-cache |
239 | 239 | ``` |
240 | 240 |
|
241 | | -**This workflow performs the following tasks for your Dockerized React.js application:** |
| 241 | +**This workflow performs the following tasks for your React.js application:** |
242 | 242 | - **Triggers** on every `push` or `pull request` targeting the `main` branch. |
243 | 243 | - **Builds a development Docker image** using `Dockerfile.dev`, optimized for testing. |
244 | 244 | - **Executes unit tests** using Vitest inside a clean, containerized environment to ensure consistency. |
|
0 commit comments