diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
index e1c1017..ca9f199 100644
--- a/.github/workflows/gh-pages.yml
+++ b/.github/workflows/gh-pages.yml
@@ -23,11 +23,10 @@ jobs:
 
       - name: Install Dependencies 🔧
         run: npm install --no-package-lock
+      - run: npm run build -- --prod --baseHref=/angular-jss/
 
-      - run: |
-          git config user.name "GitHub Actions Bot"
-          git config user.email "<>"
-
-      - name: Build & Deploy 🚀
-        run: |
-          npm run deploy -- --message="docs(package): gh-pages"
+      - name: Deploy to GitHub Pages 🚀
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist/apps/webpage
diff --git a/package.json b/package.json
index 327edb4..0d59e9e 100644
--- a/package.json
+++ b/package.json
@@ -30,9 +30,7 @@
     "dep-graph": "nx dep-graph",
     "help": "nx help",
     "prerelease": "nx affected:build --all",
-    "release": "nx affected --target release --all",
-    "predeploy": "npm run build -- --prod --baseHref=/angular-jss/",
-    "deploy": "gh-pages -d dist/apps/webpage"
+    "release": "nx affected --target release --all"
   },
   "private": true,
   "dependencies": {
@@ -45,10 +43,13 @@
     "@angular/platform-browser-dynamic": "~13.2.0",
     "@angular/router": "~13.2.0",
     "@nrwl/angular": "13.8.4",
+    "highlight.js": "^11.4.0",
     "jss": "^10.9.0",
     "jss-plugin-camel-case": "^10.9.0",
     "jss-plugin-global": "^10.9.0",
     "jss-plugin-rule-value-function": "^10.9.0",
+    "jss-preset-default": "^10.9.0",
+    "ngx-highlightjs": "^6.1.1",
     "rxjs": "~7.5.4",
     "tslib": "^2.0.0",
     "zone.js": "~0.11.4"
@@ -84,7 +85,6 @@
     "eslint": "~8.10.0",
     "eslint-config-prettier": "8.4.0",
     "eslint-plugin-cypress": "^2.10.3",
-    "gh-pages": "^3.2.3",
     "hasky": "^3.0.2",
     "jest": "27.5.1",
     "jest-preset-angular": "11.1.1",