Update frontend.yml

Author: rzyuras

.github/workflows/frontend.yml

@@ -1,4 +1,4 @@
-name: Frontend CI/CD
+name: CI/CD for Frontend
 
 on:
   push:
@@ -7,11 +7,12 @@ on:
     branches: [ main ]
 
 jobs:
-  build-and-deploy:
+  build-frontend:
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v2
+    - name: Checkout code
+      uses: actions/checkout@v2
 
     - name: Setup Node.js
       uses: actions/setup-node@v2
@@ -23,12 +24,40 @@ jobs:
     - name: Install dependencies
       run: cd Sample-01 && yarn install
 
+    - name: Create auth_config.json
+      run: |
+        echo '{
+          "domain": "'${{ secrets.AUTH0_DOMAIN }}'",
+          "clientId": "'${{ secrets.AUTH0_CLIENT_ID }}'",
+          "audience": "'${{ secrets.AUTH0_AUDIENCE }}'"
+        }' > Sample-01/src/auth_config.json
+
     - name: Lint
       run: cd Sample-01 && yarn lint
 
     - name: Build
       run: cd Sample-01 && yarn build
 
+    - name: Upload build artifacts
+      uses: actions/upload-artifact@v2
+      with:
+        name: build-artifacts
+        path: Sample-01/build
+
+  deploy-frontend:
+    runs-on: ubuntu-latest
+    needs: build-frontend
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v2
+
+    - name: Download build artifacts
+      uses: actions/download-artifact@v2
+      with:
+        name: build-artifacts
+        path: build
+
     - name: Deploy to S3
       uses: jakejarvis/s3-sync-action@v0.5.1
       with:
@@ -38,7 +67,7 @@ jobs:
         AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
         AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
         AWS_REGION: 'us-east-1'
-        SOURCE_DIR: 'Sample-01/build'
+        SOURCE_DIR: 'build'
 
     - name: Invalidate CloudFront Cache
       uses: badsyntax/github-action-aws-cloudfront@v1.0.1
@@ -48,3 +77,4 @@ jobs:
       env:
         AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
         AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+