diff --git a/.github/workflows/deploy-frontend-to-dev.yml b/.github/workflows/deploy-frontend-to-dev.yml
new file mode 100644
index 0000000..dba4cc4
--- /dev/null
+++ b/.github/workflows/deploy-frontend-to-dev.yml
@@ -0,0 +1,42 @@
+name: Deploy Frontend to Azure Static Web Apps (Development)
+
+on:
+  push:
+    branches:
+      - main
+    paths:
+      - 'frontend/**'
+      - '.github/workflows/deploy-frontend-to-dev.yml'
+  workflow_dispatch:
+
+defaults:
+  run:
+    working-directory: ./frontend
+
+jobs:
+  build_and_deploy_job:
+    runs-on: ubuntu-latest
+    name: Build and Deploy Job
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          submodules: true
+          lfs: false
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - name: Install packages
+        run: npm install
+
+      - name: Build And Deploy
+        id: builddeploy
+        uses: Azure/static-web-apps-deploy@v1
+        with:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_FRONTEND_DEPLOY_TOKEN }}
+          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
+          action: "upload"
+          app_location: "./frontend"
+          output_location: "frontend/dist"
+          app_build_command: "npm run build"
diff --git a/frontend/staticwebapp.config.json b/frontend/staticwebapp.config.json
new file mode 100644
index 0000000..79fdffe
--- /dev/null
+++ b/frontend/staticwebapp.config.json
@@ -0,0 +1,6 @@
+{
+  "navigationFallback": {
+    "rewrite": "/index.html",
+    "exclude": ["/assets/*"]
+  }
+}