diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 7c3bcff..8e1532c 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -1,25 +1,24 @@
-name: Deploy
-
+name: Build and Deploy
 on:
   push:
-    branches: [main]
-  workflow_dispatch:
-
+    branches:
+      - main
+permissions:
+  contents: write
 jobs:
-  build:
+  build-and-deploy:
+    concurrency: ci-${{ github.ref }} # Recommended if you intend to make multiple deployments in quick succession.
     runs-on: ubuntu-latest
-
     steps:
-      - uses: actions/checkout@v3
-
-      - name: install
-        run: npm ci
+      - name: Checkout 🛎️
+        uses: actions/checkout@v3
 
-      - name: build
-        run: npm run build
+      - name: Install and Build 🔧 # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
+        run: |
+          npm ci
+          npm run build
 
-      - name: deploy pages
-        uses: JamesIves/github-pages-deploy-action@v4.4.1
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@v4
         with:
-          branch: gh-pages
-          folder: dist
+          folder: dist # The folder the action should deploy.