FalkenDev · FalkenDev · May 17, 2026 · May 12, 2026 · May 14, 2026 · May 14, 2026
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -106,3 +106,44 @@ jobs:
             CHANNEL=${{ steps.build.outputs.channel }}
           cache-from: type=gha,scope=frontend
           cache-to: type=gha,mode=max,scope=frontend
+
+  build-adminpanel:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      packages: write
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: docker/setup-buildx-action@v3
+
+      - name: Extract Docker metadata
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: ghcr.io/falkendev/grindify-adminpanel
+          tags: |
+            type=raw,value=latest,enable=${{ github.ref_type == 'tag' || github.ref == format('refs/heads/{0}', github.event.repository.default_branch) }}
+            type=ref,event=tag
+
+      - uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Build and push Adminpanel
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          file: Dockerfile.adminpanel
+          target: production
+          push: true
+          platforms: linux/amd64,linux/arm64
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          build-args: |
+            VITE_API_URL=${{ vars.VITE_API_URL }}
+          cache-from: type=gha,scope=adminpanel
+          cache-to: type=gha,mode=max,scope=adminpanel
diff --git a/Dockerfile.adminpanel b/Dockerfile.adminpanel
@@ -0,0 +1,50 @@
+# Development stage
+FROM node:22-bookworm-slim AS development
+
+WORKDIR /app
+
+ARG VITE_API_URL
+ENV VITE_API_URL=$VITE_API_URL
+
+COPY ./adminpanel/package*.json ./
+RUN npm ci
+
+COPY ./adminpanel .
+
+EXPOSE 3001
+CMD ["npm", "run", "dev", "--", "--port", "3001", "--host"]
+
+# Build stage
+FROM node:22-bookworm-slim AS builder
+
+WORKDIR /app
+
+ARG VITE_API_URL
+ENV VITE_API_URL=$VITE_API_URL
+
+COPY ./adminpanel/package*.json ./
+RUN npm ci
+
+COPY ./adminpanel .
+RUN npm run build
+
+# Serve stage
+FROM nginx:alpine AS production
+
+COPY --from=builder /app/dist /usr/share/nginx/html
+
+RUN echo 'server { \
+  listen 3001; \
+  root /usr/share/nginx/html; \
+  index index.html; \
+  \
+  location /assets/ { \
+    add_header Cache-Control "public, max-age=31536000, immutable"; \
+    try_files $uri =404; \
+  } \
+  \
+  location / { try_files $uri $uri/ /index.html; } \
+}' > /etc/nginx/conf.d/default.conf
+
+EXPOSE 3001
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/adminpanel/.gitignore b/adminpanel/.gitignore
@@ -0,0 +1,22 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+.env
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/adminpanel/components.json b/adminpanel/components.json
@@ -0,0 +1,20 @@
+{
+  "$schema": "https://shadcn-vue.com/schema.json",
+  "style": "default",
+  "typescript": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/assets/main.css",
+    "baseColor": "zinc",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "framework": "vite",
+  "aliases": {
+    "components": "@/components",
+    "composables": "@/composables",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib"
+  }
+}
diff --git a/adminpanel/index.html b/adminpanel/index.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
+    <title>Grindify Admin</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>