feat: add CopycatWarningToast component for user warnings

Introduced a new CopycatWarningToast component that displays a warning about copycat sites. The toast appears at the top-center of the screen and can be dismissed, with the dismissal state stored in local storage to prevent reappearing. Integrated the component into the RootLayout for global visibility.

.github/workflows/autolabeler.yml

@@ -93,7 +93,7 @@ jobs:
             const websiteRegex = new RegExp(`- \\[(x|X)\\]\\s*${escapedWebsite}`, "i");
 
             if (websiteRegex.test(prBody)) {
-              const hasJson = prFiles.some((f) => f.filename.startsWith("json/"));
+              const hasJson = prFiles.some((f) => f.filename.startsWith("frontend/public/json/"));
               const hasUpdateScript = labelsToAdd.has("update script");
               const hasContentLabel = ["bugfix", "feature", "refactor"].some((l) => labelsToAdd.has(l));
 

.github/workflows/close_issue_in_dev.yaml

@@ -6,14 +6,14 @@ on:
 jobs:
   close_issue:
     if: github.event.pull_request.merged == true && github.repository == 'community-scripts/ProxmoxVE'
-    runs-on: self-hosted
-
+    runs-on: ubuntu-latest
+    
     steps:
-      - name: Checkout target repo (merge commit)
+      - name: Checkout target repo (main)
         uses: actions/checkout@v4
         with:
           repository: community-scripts/ProxmoxVE
-          ref: ${{ github.event.pull_request.merge_commit_sha }}
+          ref: main
           token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Extract and Process PR Title
@@ -23,39 +23,6 @@ jobs:
           echo "Processed Title: $title"
           echo "title=$title" >> $GITHUB_ENV
 
-      - name: Get slugs from merged PR
-        id: get_slugs
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: |
-          pr_files=$(gh pr view ${{ github.event.pull_request.number }} --repo community-scripts/ProxmoxVE --json files -q '.files[].path' 2>/dev/null || true)
-          slugs=""
-          for path in $pr_files; do
-            [[ -f "$path" ]] || continue
-            if [[ "$path" == frontend/public/json/*.json ]]; then
-              s=$(jq -r '.slug // empty' "$path" 2>/dev/null)
-              [[ -n "$s" ]] && slugs="$slugs $s"
-            elif [[ "$path" == ct/*.sh ]] || [[ "$path" == install/*.sh ]] || [[ "$path" == tools/*.sh ]] || [[ "$path" == turnkey/*.sh ]] || [[ "$path" == vm/*.sh ]]; then
-              base=$(basename "$path" .sh)
-              if [[ "$path" == install/* && "$base" == *-install ]]; then
-                s="${base%-install}"
-              else
-                s="$base"
-              fi
-              [[ -n "$s" ]] && slugs="$slugs $s"
-            fi
-          done
-          slugs=$(echo $slugs | xargs -n1 | sort -u | tr '\n' ' ')
-          if [[ -z "$slugs" && -n "$title" ]]; then
-            slugs="$title"
-          fi
-          if [[ -z "$slugs" ]]; then
-            echo "count=0" >> "$GITHUB_OUTPUT"
-            exit 0
-          fi
-          echo "$slugs" > pocketbase_slugs.txt
-          echo "count=$(echo $slugs | wc -w)" >> "$GITHUB_OUTPUT"
-
       - name: Search for Issues with Similar Titles
         id: find_issue
         env:
@@ -96,104 +63,3 @@ jobs:
         run: |
           gh issue comment $issue_number --repo community-scripts/ProxmoxVED --body "Merged with #${{ github.event.pull_request.number }} in ProxmoxVE"
           gh issue close $issue_number --repo community-scripts/ProxmoxVED
-
-      - name: Set is_dev to false in PocketBase
-        if: steps.get_slugs.outputs.count != '0'
-        env:
-          POCKETBASE_URL: ${{ secrets.POCKETBASE_URL }}
-          POCKETBASE_COLLECTION: ${{ secrets.POCKETBASE_COLLECTION }}
-          POCKETBASE_ADMIN_EMAIL: ${{ secrets.POCKETBASE_ADMIN_EMAIL }}
-          POCKETBASE_ADMIN_PASSWORD: ${{ secrets.POCKETBASE_ADMIN_PASSWORD }}
-          PR_URL: ${{ github.server_url }}/${{ github.repository }}/pull/${{ github.event.pull_request.number }}
-        run: |
-          node << 'ENDSCRIPT'
-          (async function() {
-            const fs = require('fs');
-            const https = require('https');
-            const http = require('http');
-            const url = require('url');
-
-            function request(fullUrl, opts) {
-              return new Promise(function(resolve, reject) {
-                const u = url.parse(fullUrl);
-                const isHttps = u.protocol === 'https:';
-                const body = opts.body;
-                const options = {
-                  hostname: u.hostname,
-                  port: u.port || (isHttps ? 443 : 80),
-                  path: u.path,
-                  method: opts.method || 'GET',
-                  headers: opts.headers || {}
-                };
-                if (body) options.headers['Content-Length'] = Buffer.byteLength(body);
-                const lib = isHttps ? https : http;
-                const req = lib.request(options, function(res) {
-                  let data = '';
-                  res.on('data', function(chunk) { data += chunk; });
-                  res.on('end', function() {
-                    resolve({ ok: res.statusCode >= 200 && res.statusCode < 300, statusCode: res.statusCode, body: data });
-                  });
-                });
-                req.on('error', reject);
-                if (body) req.write(body);
-                req.end();
-              });
-            }
-
-            const raw = process.env.POCKETBASE_URL.replace(/\/$/, '');
-            const apiBase = /\/api$/i.test(raw) ? raw : raw + '/api';
-            const coll = process.env.POCKETBASE_COLLECTION;
-            const slugsText = fs.readFileSync('pocketbase_slugs.txt', 'utf8').trim();
-            const slugs = slugsText ? slugsText.split(/\s+/).filter(Boolean) : [];
-            if (slugs.length === 0) {
-              console.log('No slugs to update.');
-              return;
-            }
-
-            const authUrl = apiBase + '/collections/users/auth-with-password';
-            const authBody = JSON.stringify({
-              identity: process.env.POCKETBASE_ADMIN_EMAIL,
-              password: process.env.POCKETBASE_ADMIN_PASSWORD
-            });
-            const authRes = await request(authUrl, {
-              method: 'POST',
-              headers: { 'Content-Type': 'application/json' },
-              body: authBody
-            });
-            if (!authRes.ok) {
-              throw new Error('Auth failed: ' + authRes.body);
-            }
-            const token = JSON.parse(authRes.body).token;
-            const recordsUrl = apiBase + '/collections/' + encodeURIComponent(coll) + '/records';
-            const prUrl = process.env.PR_URL || '';
-
-            for (const slug of slugs) {
-              const filter = "(slug='" + slug.replace(/'/g, "''") + "')";
-              const listRes = await request(recordsUrl + '?filter=' + encodeURIComponent(filter) + '&perPage=1', {
-                headers: { 'Authorization': token }
-              });
-              const list = JSON.parse(listRes.body);
-              const record = list.items && list.items[0];
-              if (!record) {
-                console.log('Slug not in DB, skipping: ' + slug);
-                continue;
-              }
-              const patchRes = await request(recordsUrl + '/' + record.id, {
-                method: 'PATCH',
-                headers: { 'Authorization': token, 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                  name: record.name || record.slug,
-                  last_update_commit: prUrl,
-                  is_dev: false
-                })
-              });
-              if (!patchRes.ok) {
-                console.warn('PATCH failed for slug ' + slug + ': ' + patchRes.body);
-                continue;
-              }
-              console.log('Set is_dev=false for slug: ' + slug);
-            }
-            console.log('Done.');
-          })().catch(e => { console.error(e); process.exit(1); });
-          ENDSCRIPT
-        shell: bash

.github/workflows/delete-pocketbase-entry-on-removal.yml

@@ -1,150 +0,0 @@
-name: Delete PocketBase entry on script/JSON removal
-
-on:
-  push:
-    branches:
-      - main
-    paths:
-      - "json/**"
-      - "vm/**"
-      - "tools/**"
-      - "turnkey/**"
-      - "ct/**"
-      - "install/**"
-
-jobs:
-  delete-pocketbase-entry:
-    runs-on: self-hosted
-    steps:
-      - name: Checkout Repository
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-
-      - name: Get slugs from deleted JSON and script files
-        id: slugs
-        run: |
-          BEFORE="${{ github.event.before }}"
-          AFTER="${{ github.event.after }}"
-          slugs=""
-
-          # Deleted JSON files: get slug from previous commit
-          deleted_json=$(git diff --name-only --diff-filter=D "$BEFORE" "$AFTER" -- json/ | grep '\.json$' || true)
-          for f in $deleted_json; do
-            [[ -z "$f" ]] && continue
-            s=$(git show "$BEFORE:$f" 2>/dev/null | jq -r '.slug // empty' 2>/dev/null || true)
-            [[ -n "$s" ]] && slugs="$slugs $s"
-          done
-
-          # Deleted script files: derive slug from path
-          deleted_sh=$(git diff --name-only --diff-filter=D "$BEFORE" "$AFTER" -- ct/ install/ tools/ turnkey/ vm/ | grep '\.sh$' || true)
-          for f in $deleted_sh; do
-            [[ -z "$f" ]] && continue
-            base="${f##*/}"
-            base="${base%.sh}"
-            if [[ "$f" == install/* && "$base" == *-install ]]; then
-              s="${base%-install}"
-            else
-              s="$base"
-            fi
-            [[ -n "$s" ]] && slugs="$slugs $s"
-          done
-
-          slugs=$(echo $slugs | xargs -n1 | sort -u | tr '\n' ' ')
-          if [[ -z "$slugs" ]]; then
-            echo "No deleted JSON or script files to remove from PocketBase."
-            echo "count=0" >> "$GITHUB_OUTPUT"
-            exit 0
-          fi
-          echo "$slugs" > slugs_to_delete.txt
-          echo "count=$(echo $slugs | wc -w)" >> "$GITHUB_OUTPUT"
-          echo "Slugs to delete: $slugs"
-
-      - name: Delete from PocketBase
-        if: steps.slugs.outputs.count != '0'
-        env:
-          POCKETBASE_URL: ${{ secrets.POCKETBASE_URL }}
-          POCKETBASE_COLLECTION: ${{ secrets.POCKETBASE_COLLECTION }}
-          POCKETBASE_ADMIN_EMAIL: ${{ secrets.POCKETBASE_ADMIN_EMAIL }}
-          POCKETBASE_ADMIN_PASSWORD: ${{ secrets.POCKETBASE_ADMIN_PASSWORD }}
-        run: |
-          node << 'ENDSCRIPT'
-          (async function() {
-            const fs = require('fs');
-            const https = require('https');
-            const http = require('http');
-            const url = require('url');
-
-            function request(fullUrl, opts) {
-              return new Promise(function(resolve, reject) {
-                const u = url.parse(fullUrl);
-                const isHttps = u.protocol === 'https:';
-                const body = opts.body;
-                const options = {
-                  hostname: u.hostname,
-                  port: u.port || (isHttps ? 443 : 80),
-                  path: u.path,
-                  method: opts.method || 'GET',
-                  headers: opts.headers || {}
-                };
-                if (body) options.headers['Content-Length'] = Buffer.byteLength(body);
-                const lib = isHttps ? https : http;
-                const req = lib.request(options, function(res) {
-                  let data = '';
-                  res.on('data', function(chunk) { data += chunk; });
-                  res.on('end', function() {
-                    resolve({ ok: res.statusCode >= 200 && res.statusCode < 300, statusCode: res.statusCode, body: data });
-                  });
-                });
-                req.on('error', reject);
-                if (body) req.write(body);
-                req.end();
-              });
-            }
-
-            const raw = process.env.POCKETBASE_URL.replace(/\/$/, '');
-            const apiBase = /\/api$/i.test(raw) ? raw : raw + '/api';
-            const coll = process.env.POCKETBASE_COLLECTION;
-            const slugs = fs.readFileSync('slugs_to_delete.txt', 'utf8').trim().split(/\s+/).filter(Boolean);
-
-            const authUrl = apiBase + '/collections/users/auth-with-password';
-            const authBody = JSON.stringify({
-              identity: process.env.POCKETBASE_ADMIN_EMAIL,
-              password: process.env.POCKETBASE_ADMIN_PASSWORD
-            });
-            const authRes = await request(authUrl, {
-              method: 'POST',
-              headers: { 'Content-Type': 'application/json' },
-              body: authBody
-            });
-            if (!authRes.ok) {
-              throw new Error('Auth failed. Response: ' + authRes.body);
-            }
-            const token = JSON.parse(authRes.body).token;
-            const recordsUrl = apiBase + '/collections/' + encodeURIComponent(coll) + '/records';
-
-            for (const slug of slugs) {
-              const filter = "(slug='" + slug + "')";
-              const listRes = await request(recordsUrl + '?filter=' + encodeURIComponent(filter) + '&perPage=1', {
-                headers: { 'Authorization': token }
-              });
-              const list = JSON.parse(listRes.body);
-              const existingId = list.items && list.items[0] && list.items[0].id;
-              if (!existingId) {
-                console.log('No PocketBase record for slug "' + slug + '", skipping.');
-                continue;
-              }
-              const delRes = await request(recordsUrl + '/' + existingId, {
-                method: 'DELETE',
-                headers: { 'Authorization': token }
-              });
-              if (delRes.ok) {
-                console.log('Deleted PocketBase record for slug "' + slug + '" (id=' + existingId + ').');
-              } else {
-                console.warn('DELETE failed for slug "' + slug + '": ' + delRes.statusCode + ' ' + delRes.body);
-              }
-            }
-            console.log('Done.');
-          })().catch(e => { console.error(e); process.exit(1); });
-          ENDSCRIPT
-        shell: bash

.github/workflows/frontend-cicd.yml

@@ -0,0 +1,147 @@
+# Based on https://github.com/actions/starter-workflows/blob/main/pages/nextjs.yml
+
+name: Frontend CI/CD
+
+on:
+  push:
+    branches: ["main"]
+    paths:
+      - frontend/**
+
+  pull_request:
+    branches: ["main"]
+    types: [opened, synchronize, reopened, edited]
+    paths:
+      - frontend/**
+
+  workflow_dispatch:
+
+permissions:
+  contents: read
+
+concurrency:
+  group: pages-${{ github.ref }}
+  cancel-in-progress: false
+
+jobs:
+  test-json-files:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: frontend
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Python
+        uses: actions/setup-python@v4
+        with:
+          python-version: "3.x"
+
+      - name: Test JSON files
+        run: |
+          python3 << 'EOF'
+          import json
+          import glob
+          import os
+          import sys
+
+          def test_json_files():
+              # Change to the correct directory
+              json_dir = "public/json"
+              if not os.path.exists(json_dir):
+                  print(f"❌ Directory not found: {json_dir}")
+                  return False
+              
+              # Find all JSON files
+              pattern = os.path.join(json_dir, "*.json")
+              json_files = glob.glob(pattern)
+              
+              if not json_files:
+                  print(f"⚠️  No JSON files found in {json_dir}")
+                  return True
+              
+              print(f"Testing {len(json_files)} JSON files for valid syntax...")
+              
+              invalid_files = []
+              
+              for file_path in json_files:
+                  try:
+                      with open(file_path, 'r', encoding='utf-8') as f:
+                          json.load(f)
+                      print(f"✅ Valid JSON: {file_path}")
+                  except json.JSONDecodeError as e:
+                      print(f"❌ Invalid JSON syntax in: {file_path}")
+                      print(f"   Error: {e}")
+                      invalid_files.append(file_path)
+                  except Exception as e:
+                      print(f"⚠️  Error reading: {file_path}")
+                      print(f"   Error: {e}")
+                      invalid_files.append(file_path)
+              
+              print("\n=== JSON Validation Summary ===")
+              print(f"Total files tested: {len(json_files)}")
+              print(f"Valid files: {len(json_files) - len(invalid_files)}")
+              print(f"Invalid files: {len(invalid_files)}")
+              
+              if invalid_files:
+                  print("\n❌ Found invalid JSON file(s):")
+                  for file_path in invalid_files:
+                      print(f"  - {file_path}")
+                  return False
+              else:
+                  print("\n✅ All JSON files have valid syntax!")
+                  return True
+
+          if __name__ == "__main__":
+              success = test_json_files()
+              sys.exit(0 if success else 1)
+          EOF
+
+  build:
+    if: github.repository == 'community-scripts/ProxmoxVE'
+    needs: test-json-files
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: frontend
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+
+      - name: Install dependencies
+        run: bun install --frozen-lockfile
+
+      - name: Configure Next.js for pages
+        uses: actions/configure-pages@v5
+        with:
+          static_site_generator: next
+
+      - name: Build with Next.js
+        run: bun run build
+
+      - name: Upload artifact
+        if: github.ref == 'refs/heads/main'
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: frontend/out
+
+  deploy:
+    runs-on: ubuntu-latest
+    needs: build
+    if: github.ref == 'refs/heads/main' && github.repository == 'community-scripts/ProxmoxVE'
+    permissions:
+      pages: write
+      id-token: write
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.github/workflows/push-json-to-pocketbase.yml

@@ -5,7 +5,7 @@ on:
     branches:
       - main
     paths:
-      - "json/**"
+      - "frontend/public/json/**"
 
 jobs:
   push-json:
@@ -19,7 +19,7 @@ jobs:
       - name: Get changed JSON files with slug
         id: changed
         run: |
-          changed=$(git diff --name-only "${{ github.event.before }}" "${{ github.event.after }}" -- json/ | grep '\.json$' || true)
+          changed=$(git diff --name-only "${{ github.event.before }}" "${{ github.event.after }}" -- frontend/public/json/ | grep '\.json$' || true)
           with_slug=""
           for f in $changed; do
             [[ -f "$f" ]] || continue
@@ -96,7 +96,7 @@ jobs:
           const recordsUrl = apiBase + '/collections/' + encodeURIComponent(coll) + '/records';
           let categoryIdToName = {};
           try {
-            const metadata = JSON.parse(fs.readFileSync('json/metadata.json', 'utf8'));
+            const metadata = JSON.parse(fs.readFileSync('frontend/public/json/metadata.json', 'utf8'));
             (metadata.categories || []).forEach(function(cat) { categoryIdToName[cat.id] = cat.name; });
           } catch (e) { console.warn('Could not load metadata.json:', e.message); }
           let typeValueToId = {};

.github/workflows/trigger_github_pages_redirect.yml

@@ -1,41 +0,0 @@
-name: Pages Redirect
-
-on:
-  workflow_dispatch:
-
-permissions:
-  pages: write
-  id-token: write
-  contents: read
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v4
-
-      - name: Create redirect page
-        run: |
-          mkdir site
-          cat <<EOF > site/index.html
-          <!DOCTYPE html>
-          <html>
-          <head>
-            <meta charset="utf-8">
-            <meta http-equiv="refresh" content="0; url=https://community-scripts.org/">
-            <link rel="canonical" href="https://community-scripts.org/">
-            <title>Redirecting...</title>
-          </head>
-          <body>
-            Redirecting...
-          </body>
-          </html>
-          EOF
-
-      - uses: actions/upload-pages-artifact@v3
-        with:
-          path: site
-
-      - name: Deploy
-        uses: actions/deploy-pages@v4

.github/workflows/update-json-date.yml

@@ -5,7 +5,7 @@ on:
     branches:
       - main
     paths:
-      - "json/**.json"
+      - "frontend/public/json/**.json"
   workflow_dispatch:
 
 jobs:
@@ -57,7 +57,7 @@ jobs:
       - name: Get Newly Added JSON Files
         id: new_json_files
         run: |
-          git diff --name-only --diff-filter=A ${{ env.prev_commit }} HEAD | grep '^json/.*\.json$' > new_files.txt || true
+          git diff --name-only --diff-filter=A ${{ env.prev_commit }} HEAD | grep '^frontend/public/json/.*\.json$' > new_files.txt || true
           echo "New files detected:"
           cat new_files.txt || echo "No new files."
 

.github/workflows/update-script-timestamp-on-sh-change.yml

@@ -1,167 +0,0 @@
-name: Update script timestamp on .sh changes
-
-on:
-  push:
-    branches:
-      - main
-    paths:
-      - "ct/**/*.sh"
-      - "install/**/*.sh"
-      - "tools/**/*.sh"
-      - "turnkey/**/*.sh"
-      - "vm/**/*.sh"
-
-jobs:
-  update-script-timestamp:
-    runs-on: self-hosted
-    steps:
-      - name: Checkout Repository
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-
-      - name: Get changed .sh files and derive slugs
-        id: slugs
-        run: |
-          changed=$(git diff --name-only "${{ github.event.before }}" "${{ github.event.after }}" -- ct/ install/ tools/ turnkey/ vm/ | grep '\.sh$' || true)
-          if [[ -z "$changed" ]]; then
-            echo "No .sh files changed in ct/, install/, tools/, turnkey/, or vm/."
-            echo "count=0" >> "$GITHUB_OUTPUT"
-            exit 0
-          fi
-          declare -A seen
-          slugs=""
-          for f in $changed; do
-            [[ -f "$f" ]] || continue
-            base="${f##*/}"
-            base="${base%.sh}"
-            if [[ "$f" == install/* && "$base" == *-install ]]; then
-              slug="${base%-install}"
-            else
-              slug="$base"
-            fi
-            if [[ -z "${seen[$slug]:-}" ]]; then
-              seen[$slug]=1
-              slugs="$slugs $slug"
-            fi
-          done
-          slugs=$(echo $slugs | xargs -n1 | sort -u)
-          if [[ -z "$slugs" ]]; then
-            echo "No slugs to update."
-            echo "count=0" >> "$GITHUB_OUTPUT"
-            exit 0
-          fi
-          echo "$slugs" > changed_slugs.txt
-          echo "count=$(echo "$slugs" | wc -w)" >> "$GITHUB_OUTPUT"
-
-      - name: Parse PR number from merge commit
-        id: pr
-        run: |
-          re='#([0-9]+)'
-          if [[ "$COMMIT_MSG" =~ $re ]]; then
-            echo "number=${BASH_REMATCH[1]}" >> "$GITHUB_OUTPUT"
-          else
-            echo "number=" >> "$GITHUB_OUTPUT"
-          fi
-        env:
-          COMMIT_MSG: ${{ github.event.head_commit.message }}
-
-      - name: Update script timestamps in PocketBase
-        if: steps.slugs.outputs.count != '0'
-        env:
-          POCKETBASE_URL: ${{ secrets.POCKETBASE_URL }}
-          POCKETBASE_COLLECTION: ${{ secrets.POCKETBASE_COLLECTION }}
-          POCKETBASE_ADMIN_EMAIL: ${{ secrets.POCKETBASE_ADMIN_EMAIL }}
-          POCKETBASE_ADMIN_PASSWORD: ${{ secrets.POCKETBASE_ADMIN_PASSWORD }}
-          COMMIT_URL: ${{ github.server_url }}/${{ github.repository }}/commit/${{ github.sha }}
-          PR_URL: ${{ steps.pr.outputs.number != '' && format('{0}/{1}/pull/{2}', github.server_url, github.repository, steps.pr.outputs.number) || '' }}
-        run: |
-          node << 'ENDSCRIPT'
-          (async function() {
-            const fs = require('fs');
-            const https = require('https');
-            const http = require('http');
-            const url = require('url');
-
-            function request(fullUrl, opts) {
-              return new Promise(function(resolve, reject) {
-                const u = url.parse(fullUrl);
-                const isHttps = u.protocol === 'https:';
-                const body = opts.body;
-                const options = {
-                  hostname: u.hostname,
-                  port: u.port || (isHttps ? 443 : 80),
-                  path: u.path,
-                  method: opts.method || 'GET',
-                  headers: opts.headers || {}
-                };
-                if (body) options.headers['Content-Length'] = Buffer.byteLength(body);
-                const lib = isHttps ? https : http;
-                const req = lib.request(options, function(res) {
-                  let data = '';
-                  res.on('data', function(chunk) { data += chunk; });
-                  res.on('end', function() {
-                    resolve({ ok: res.statusCode >= 200 && res.statusCode < 300, statusCode: res.statusCode, body: data });
-                  });
-                });
-                req.on('error', reject);
-                if (body) req.write(body);
-                req.end();
-              });
-            }
-
-            const raw = process.env.POCKETBASE_URL.replace(/\/$/, '');
-            const apiBase = /\/api$/i.test(raw) ? raw : raw + '/api';
-            const coll = process.env.POCKETBASE_COLLECTION;
-            const slugsText = fs.readFileSync('changed_slugs.txt', 'utf8').trim();
-            const slugs = slugsText ? slugsText.split(/\s+/).filter(Boolean) : [];
-            if (slugs.length === 0) {
-              console.log('No slugs to update.');
-              return;
-            }
-
-            const authUrl = apiBase + '/collections/users/auth-with-password';
-            const authBody = JSON.stringify({
-              identity: process.env.POCKETBASE_ADMIN_EMAIL,
-              password: process.env.POCKETBASE_ADMIN_PASSWORD
-            });
-            const authRes = await request(authUrl, {
-              method: 'POST',
-              headers: { 'Content-Type': 'application/json' },
-              body: authBody
-            });
-            if (!authRes.ok) {
-              throw new Error('Auth failed: ' + authRes.body);
-            }
-            const token = JSON.parse(authRes.body).token;
-            const recordsUrl = apiBase + '/collections/' + encodeURIComponent(coll) + '/records';
-
-            for (const slug of slugs) {
-              const filter = "(slug='" + slug.replace(/'/g, "''") + "')";
-              const listRes = await request(recordsUrl + '?filter=' + encodeURIComponent(filter) + '&perPage=1', {
-                headers: { 'Authorization': token }
-              });
-              const list = JSON.parse(listRes.body);
-              const record = list.items && list.items[0];
-              if (!record) {
-                console.log('Slug not in DB, skipping: ' + slug);
-                continue;
-              }
-              const patchRes = await request(recordsUrl + '/' + record.id, {
-                method: 'PATCH',
-                headers: { 'Authorization': token, 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                  name: record.name || record.slug,
-                  last_update_commit: process.env.PR_URL || process.env.COMMIT_URL || ''
-                })
-              });
-              if (!patchRes.ok) {
-                console.warn('PATCH failed for slug ' + slug + ': ' + patchRes.body);
-                continue;
-              }
-              console.log('Updated timestamp for slug: ' + slug);
-            }
-            console.log('Done.');
-          })().catch(e => { console.error(e); process.exit(1); });
-          ENDSCRIPT
-        shell: bash

.github/workflows/update-versions-github.yml

@@ -11,7 +11,7 @@ permissions:
   pull-requests: write
 
 env:
-  VERSIONS_FILE: json/github-versions.json
+  VERSIONS_FILE: frontend/public/json/github-versions.json
   BRANCH_NAME: automated/update-github-versions
   AUTOMATED_PR_LABEL: "automated pr"
 
@@ -74,7 +74,7 @@ jobs:
           echo ""
           echo "=== Scanning JSON files for slugs ==="
 
-          for json_file in json/*.json; do
+          for json_file in frontend/public/json/*.json; do
             [[ ! -f "$json_file" ]] && continue
 
             # Skip non-app JSON files

.gitignore

@@ -24,6 +24,13 @@ venv/
 env/
 *.env
 
+# Node.js dependencies (frontend folder was excluded, but keeping this rule for reference)
+frontend/node_modules/
+frontend/.svelte-kit/
+frontend/.turbo/
+frontend/.vite/
+frontend/build/
+
 # API and Backend specific exclusions
 api/.env
 api/__pycache__/

CHANGELOG.md

@@ -420,55 +420,6 @@ Exercise vigilance regarding copycat or coat-tailing sites that seek to exploit
 
 </details>
 
-## 2026-03-12
-
-### 🚀 Updated Scripts
-
-  - #### 🐞 Bug Fixes
-
-    - SparkyFitness: install pnpm dependencies from workspace root [@MickLesk](https://github.com/MickLesk) ([#12792](https://github.com/community-scripts/ProxmoxVE/pull/12792))
-    - n8n: add build-essential to update dependencies [@MickLesk](https://github.com/MickLesk) ([#12795](https://github.com/community-scripts/ProxmoxVE/pull/12795))
-    - Frigate openvino labelmap patch [@semtex1987](https://github.com/semtex1987) ([#12751](https://github.com/community-scripts/ProxmoxVE/pull/12751))
-
-### 💾 Core
-
-  - #### 🐞 Bug Fixes
-
-    - tools.func: correct PATH escaping in ROCm profile script [@MickLesk](https://github.com/MickLesk) ([#12793](https://github.com/community-scripts/ProxmoxVE/pull/12793))
-
-  - #### ✨ New Features
-
-    - core: add mode=generated for unattended frontend installs [@MickLesk](https://github.com/MickLesk) ([#12807](https://github.com/community-scripts/ProxmoxVE/pull/12807))
-    - core: validate storage availability when loading defaults [@MickLesk](https://github.com/MickLesk) ([#12794](https://github.com/community-scripts/ProxmoxVE/pull/12794))
-
-  - #### 🔧 Refactor
-
-    - tools.func: support older NVIDIA driver versions with 2 segments (xxx.xxx) [@MickLesk](https://github.com/MickLesk) ([#12796](https://github.com/community-scripts/ProxmoxVE/pull/12796))
-
-## 2026-03-11
-
-### 🚀 Updated Scripts
-
-  - #### 🐞 Bug Fixes
-
-    - fix: Init telemetry in addon scripts [@MickLesk](https://github.com/MickLesk) ([#12777](https://github.com/community-scripts/ProxmoxVE/pull/12777))
-    - Tracearr:  Increase default disk variable from 5 to 10 [@michelroegl-brunner](https://github.com/michelroegl-brunner) ([#12762](https://github.com/community-scripts/ProxmoxVE/pull/12762))
-    - Fix Wireguard Dashboard update [@odin568](https://github.com/odin568) ([#12767](https://github.com/community-scripts/ProxmoxVE/pull/12767))
-
-### 🧰 Tools
-
-  - #### ✨ New Features
-
-    - Coder-Code-Server: Check if config file exists [@michelroegl-brunner](https://github.com/michelroegl-brunner) ([#12758](https://github.com/community-scripts/ProxmoxVE/pull/12758))
-
-## 2026-03-10
-
-### 🚀 Updated Scripts
-
-  - #### 🐞 Bug Fixes
-
-    - [Fix] Immich: Pin libvips to 8.17.3 [@vhsdream](https://github.com/vhsdream) ([#12744](https://github.com/community-scripts/ProxmoxVE/pull/12744))
-
 ## 2026-03-09
 
 ### 🚀 Updated Scripts
@@ -500,12 +451,6 @@ Exercise vigilance regarding copycat or coat-tailing sites that seek to exploit
     - tools: add Alpine (apk) support to ensure_dependencies and is_package_installed [@MickLesk](https://github.com/MickLesk) ([#12703](https://github.com/community-scripts/ProxmoxVE/pull/12703))
     - tools.func: extend hwaccel with ROCm  [@MickLesk](https://github.com/MickLesk) ([#12707](https://github.com/community-scripts/ProxmoxVE/pull/12707))
 
-### 🌐 Website
-
-  - #### ✨ New Features
-
-    - feat: add CopycatWarningToast component for user warnings [@BramSuurdje](https://github.com/BramSuurdje) ([#12733](https://github.com/community-scripts/ProxmoxVE/pull/12733))
-
 ## 2026-03-08
 
 ### 🚀 Updated Scripts

ct/immich.sh

@@ -380,7 +380,7 @@ function compile_imagemagick() {
 
 function compile_libvips() {
   SOURCE=$SOURCE_DIR/libvips
-  LIBVIPS_REVISION="0c9151a4f416d2f8ae20a755db218f6637050eec"
+  : "${LIBVIPS_REVISION:=$(jq -cr '.revision' "$BASE_DIR"/server/sources/libvips.json)}"
   if [[ "$LIBVIPS_REVISION" != "$(grep 'libvips' ~/.immich_library_revisions | awk '{print $2}')" ]]; then
     msg_info "Recompiling libvips"
     [[ -d "$SOURCE" ]] && rm -rf "$SOURCE"

ct/n8n.sh

@@ -28,7 +28,7 @@ function update_script() {
     exit
   fi
 
-  ensure_dependencies build-essential python3-setuptools graphicsmagick
+  ensure_dependencies graphicsmagick
   NODE_VERSION="24" setup_nodejs
 
   msg_info "Updating n8n"

ct/sparkyfitness.sh

@@ -55,9 +55,8 @@ function update_script() {
     msg_ok "Updated Sparky Fitness Backend"
 
     msg_info "Updating Sparky Fitness Frontend (Patience)"
-    cd /opt/sparkyfitness
-    $STD pnpm install
     cd /opt/sparkyfitness/SparkyFitnessFrontend
+    $STD pnpm install
     $STD pnpm run build
     cp -a /opt/sparkyfitness/SparkyFitnessFrontend/dist/. /var/www/sparkyfitness/
     msg_ok "Updated Sparky Fitness Frontend"

ct/tracearr.sh

@@ -9,7 +9,7 @@ APP="Tracearr"
 var_tags="${var_tags:-media}"
 var_cpu="${var_cpu:-2}"
 var_ram="${var_ram:-2048}"
-var_disk="${var_disk:-10}"
+var_disk="${var_disk:-5}"
 var_os="${var_os:-debian}"
 var_version="${var_version:-13}"
 var_unprivileged="${var_unprivileged:-1}"

ct/wireguard.sh

@@ -37,7 +37,7 @@ function update_script() {
   if [[ -d /etc/wgdashboard ]]; then
     sleep 2
     cd /etc/wgdashboard/src
-    $STD ./wgd.sh update -y
+    $STD ./wgd.sh update
     $STD ./wgd.sh start
   fi
   msg_ok "Updated LXC"

frontend/.gitignore

@@ -0,0 +1,39 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# wrangler
+.worker-next
+.wrangler
+
+# testing
+/coverage
+
+# next.js
+/.next/
+out
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# # local env files
+# .env*.local
+# .env
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

frontend/.vscode/settings.json

@@ -0,0 +1,51 @@
+{
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off", "fixable": true },
+    { "rule": "format/*", "severity": "off", "fixable": true },
+    { "rule": "*-indent", "severity": "off", "fixable": true },
+    { "rule": "*-spacing", "severity": "off", "fixable": true },
+    { "rule": "*-spaces", "severity": "off", "fixable": true },
+    { "rule": "*-order", "severity": "off", "fixable": true },
+    { "rule": "*-dangle", "severity": "off", "fixable": true },
+    { "rule": "*-newline", "severity": "off", "fixable": true },
+    { "rule": "*quotes", "severity": "off", "fixable": true },
+    { "rule": "*semi", "severity": "off", "fixable": true }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "json5",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "svelte",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss"
+  ]
+}

frontend/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024-Present Bram Suurd
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

frontend/README.md

@@ -0,0 +1,281 @@
+# Proxmox VE Helper-Scripts Frontend
+
+> 🚀 **Modern frontend for the Community-Scripts Proxmox VE Helper-Scripts repository**
+
+A comprehensive, user-friendly interface built with Next.js that provides access to 300+ automation scripts for Proxmox Virtual Environment management. This frontend serves as the official website for the Community-Scripts organization's Proxmox VE Helper-Scripts repository.
+
+![Next.js](https://img.shields.io/badge/Next.js-15.2.4-black?style=flat-square&logo=next.js)
+![React](https://img.shields.io/badge/React-19.0.0-blue?style=flat-square&logo=react)
+![TypeScript](https://img.shields.io/badge/TypeScript-5.8.2-blue?style=flat-square&logo=typescript)
+![Tailwind CSS](https://img.shields.io/badge/Tailwind-3.4.17-06B6D4?style=flat-square&logo=tailwindcss)
+![License](https://img.shields.io/badge/License-MIT-green?style=flat-square)
+
+## 🌟 Features
+
+### Core Functionality
+
+- **📜 Script Management**: Browse, search, and filter 300+ Proxmox VE scripts
+- **📱 Responsive Design**: Mobile-first approach with modern UI/UX
+- **🔍 Advanced Search**: Fuzzy search with category filtering
+- **📊 Analytics Integration**: Built-in analytics for usage tracking
+- **🌙 Dark/Light Mode**: Theme switching with system preference detection
+- **⚡ Performance Optimized**: Static site generation for lightning-fast loading
+
+### Technical Features
+
+- **🎨 Modern UI Components**: Built with Radix UI and shadcn/ui
+- **📈 Data Visualization**: Charts and metrics using Chart.js
+- **🔄 State Management**: React Query for efficient data fetching
+- **📝 Type Safety**: Full TypeScript implementation
+- **🚀 Static Export**: Optimized for GitHub Pages deployment
+
+## 🛠️ Tech Stack
+
+### Frontend Framework
+
+- **[Next.js 15.2.4](https://nextjs.org/)** - React framework with App Router
+- **[React 19.0.0](https://react.dev/)** - Latest React with concurrent features
+- **[TypeScript 5.8.2](https://www.typescriptlang.org/)** - Type-safe JavaScript
+
+### Styling & UI
+
+- **[Tailwind CSS 3.4.17](https://tailwindcss.com/)** - Utility-first CSS framework
+- **[Radix UI](https://www.radix-ui.com/)** - Unstyled, accessible UI components
+- **[shadcn/ui](https://ui.shadcn.com/)** - Re-usable components built on Radix UI
+- **[Framer Motion](https://www.framer.com/motion/)** - Animation library
+- **[Lucide React](https://lucide.dev/)** - Icon library
+
+### Data & State Management
+
+- **[TanStack Query 5.71.1](https://tanstack.com/query)** - Powerful data synchronization
+- **[Zod 3.24.2](https://zod.dev/)** - TypeScript-first schema validation
+- **[nuqs 2.4.1](https://nuqs.47ng.com/)** - Type-safe search params state manager
+
+### Development Tools
+
+- **[Vitest 3.1.1](https://vitest.dev/)** - Fast unit testing framework
+- **[React Testing Library](https://testing-library.com/react)** - Simple testing utilities
+- **[ESLint](https://eslint.org/)** - Code linting and formatting
+- **[Prettier](https://prettier.io/)** - Code formatting
+
+### Additional Libraries
+
+- **[Chart.js](https://www.chartjs.org/)** - Data visualization
+- **[Fuse.js](https://fusejs.io/)** - Fuzzy search
+- **[date-fns](https://date-fns.org/)** - Date utility library
+- **[Next Themes](https://github.com/pacocoursey/next-themes)** - Theme management
+
+## 🚀 Getting Started
+
+### Prerequisites
+
+- **Node.js 18+** (recommend using the latest LTS version)
+- **npm**, **yarn**, **pnpm**, or **bun** package manager
+- **Git** for version control
+
+### Installation
+
+1. **Clone the repository**
+
+   ```bash
+   git clone https://github.com/community-scripts/ProxmoxVE.git
+   cd ProxmoxVE/frontend
+   ```
+
+2. **Install dependencies**
+
+   ```bash
+   # Using npm
+   npm install
+
+   # Using yarn
+   yarn install
+
+   # Using pnpm
+   pnpm install
+
+   # Using bun
+   bun install
+   ```
+
+3. **Start the development server**
+
+   ```bash
+   npm run dev
+   # or
+   yarn dev
+   # or
+   pnpm dev
+   # or
+   bun dev
+   ```
+
+4. **Open your browser**
+
+   Navigate to [http://localhost:3000](http://localhost:3000) to see the application running.
+
+### Environment Configuration
+
+The application uses the following environment variables:
+
+- `BASE_PATH`: Set to "ProxmoxVE" for GitHub Pages deployment
+- Analytics configuration is handled in `src/config/siteConfig.tsx`
+
+## 🧪 Development
+
+### Available Scripts
+
+```bash
+# Development
+npm run dev          # Start development server with Turbopack
+npm run build        # Build for production
+npm run start        # Start production server (after build)
+
+# Code Quality
+npm run lint         # Run ESLint
+npm run typecheck    # Run TypeScript type checking
+npm run format:write # Format code with Prettier
+npm run format:check # Check code formatting
+
+# Deployment
+npm run deploy       # Build and deploy to GitHub Pages
+```
+
+### Development Workflow
+
+1. **Feature Development**
+
+   - Create a new branch for your feature
+   - Follow the established TypeScript and React patterns
+   - Use the existing component library (shadcn/ui)
+   - Ensure responsive design principles
+
+2. **Code Standards**
+
+   - Follow TypeScript strict mode
+   - Use functional components with hooks
+   - Implement proper error boundaries
+   - Write descriptive variable and function names
+   - Use early returns for better readability
+
+3. **Styling Guidelines**
+
+   - Use Tailwind CSS utility classes
+   - Follow mobile-first responsive design
+   - Implement dark/light mode considerations
+   - Use CSS variables from the design system
+
+4. **Testing**
+   - Write unit tests for utility functions
+   - Test React components with React Testing Library
+   - Ensure accessibility standards are met
+   - Run tests before committing
+
+### Component Development
+
+The project uses a component-driven development approach:
+
+```typescript
+// Example component structure
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
+
+interface ComponentProps {
+  title: string;
+  className?: string;
+}
+
+export const Component = ({ title, className }: ComponentProps) => {
+  return (
+    <div className={cn("default-classes", className)}>
+      <Button>{title}</Button>
+    </div>
+  );
+};
+```
+
+### Configuration for Static Export
+
+The application is configured for static export in `next.config.mjs`:
+
+```javascript
+const nextConfig = {
+  output: "export",
+  basePath: `/ProxmoxVE`,
+  images: {
+    unoptimized: true // Required for static export
+  }
+};
+```
+
+## 🤝 Contributing
+
+We welcome contributions from the community! Here's how you can help:
+
+### Getting Started
+
+1. **Fork the repository** on GitHub
+2. **Clone your fork** locally
+3. **Create a new branch** for your feature or bugfix
+4. **Make your changes** following our coding standards
+5. **Submit a pull request** with a clear description
+
+### Contribution Guidelines
+
+#### Code Style
+
+- Follow the existing TypeScript and React patterns
+- Use descriptive variable and function names
+- Implement proper error handling
+- Write self-documenting code with appropriate comments
+
+#### Component Guidelines
+
+- Use functional components with hooks
+- Implement proper TypeScript types
+- Follow accessibility best practices
+- Ensure responsive design
+- Use the existing design system components
+
+#### Pull Request Process
+
+1. Update documentation if needed
+2. Update the README if you've added new features
+3. Request review from maintainers
+
+### Areas for Contribution
+
+- **🐛 Bug fixes**: Report and fix issues
+- **✨ New features**: Enhance functionality
+- **📚 Documentation**: Improve guides and examples
+- **🎨 UI/UX**: Improve design and user experience
+- **♿ Accessibility**: Enhance accessibility features
+- **🚀 Performance**: Optimize loading and runtime performance
+
+## 📄 License
+
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+
+## 🙏 Acknowledgments
+
+- **[tteck](https://github.com/tteck)** - Original creator of the Proxmox VE Helper-Scripts
+- **[Community-Scripts Organization](https://github.com/community-scripts)** - Maintaining and expanding the project
+- **[Proxmox Community](https://forum.proxmox.com/)** - For continuous feedback and support
+- **All Contributors** - Thank you for your valuable contributions!
+
+## 📚 Additional Resources
+
+- **[Proxmox VE Documentation](https://pve.proxmox.com/pve-docs/)**
+- **[Community Scripts Repository](https://github.com/community-scripts/ProxmoxVE)**
+- **[Discord Community](https://discord.gg/3AnUqsXnmK)**
+- **[GitHub Discussions](https://github.com/community-scripts/ProxmoxVE/discussions)**
+
+## 🔗 Links
+
+- **🌐 Live Website**: [https://community-scripts.github.io/ProxmoxVE/](https://community-scripts.github.io/ProxmoxVE/)
+- **💬 Discord Server**: [https://discord.gg/3AnUqsXnmK](https://discord.gg/3AnUqsXnmK)
+- **📝 Change Log**: [https://github.com/community-scripts/ProxmoxVE/blob/main/CHANGELOG.md](https://github.com/community-scripts/ProxmoxVE/blob/main/CHANGELOG.md)
+
+---
+
+**Made with ❤️ by the Community-Scripts team and contributors**

frontend/components.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "@/styles/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  },
+  "registries": {
+    "@animate-ui": "https://animate-ui.com/r/{name}.json"
+  }
+}

frontend/eslint.config.mjs

@@ -0,0 +1,41 @@
+import antfu from "@antfu/eslint-config";
+
+export default antfu(
+  {
+    type: "app",
+    typescript: true,
+    formatters: true,
+    next: true,
+    stylistic: {
+      indent: 2,
+      semi: true,
+      quotes: "double",
+    },
+    ignores: ["src/components/ui/**", "README.md", "public/json/**"],
+  },
+  {
+    rules: {
+      "ts/no-redeclare": "off",
+      "ts/consistent-type-definitions": ["error", "type"],
+      "no-console": ["warn"],
+      "antfu/no-top-level-await": ["off"],
+      "node/prefer-global/process": ["off"],
+      "node/no-process-env": ["error"],
+      "perfectionist/sort-imports": [
+        "error",
+        {
+          type: "line-length",
+          order: "desc",
+        },
+      ],
+
+      "unicorn/filename-case": [
+        "error",
+        {
+          case: "kebabCase",
+          ignore: ["README.md"],
+        },
+      ],
+    },
+  },
+);

frontend/next.config.mjs

@@ -0,0 +1,29 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  webpack: (config) => {
+    config.resolve.alias.canvas = false;
+
+    return config;
+  },
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "**",
+      },
+    ],
+  },
+
+  env: {
+    BASE_PATH: "ProxmoxVE",
+  },
+
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+
+  output: "export",
+  basePath: `/ProxmoxVE`,
+};
+
+export default nextConfig;

frontend/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "proxmox-helper-scripts-website",
+  "type": "module",
+  "version": "1.0.0",
+  "private": true,
+  "author": {
+    "name": "Bram Suurd",
+    "url": "https://github.com/community-scripts"
+  },
+  "license": "MIT",
+  "scripts": {
+    "dev": "next dev --turbopack",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint . --fix",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tanstack/react-query": "^5.90.12",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "chart.js": "^4.5.1",
+    "chartjs-plugin-datalabels": "^2.2.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "framer-motion": "^12.23.26",
+    "fuse.js": "^7.1.0",
+    "lucide-react": "^0.561.0",
+    "mini-svg-data-uri": "^1.4.4",
+    "motion": "^12.23.26",
+    "next": "15.5.8",
+    "next-themes": "^0.4.6",
+    "nuqs": "^2.8.5",
+    "react": "19.2.3",
+    "react-chartjs-2": "^5.3.1",
+    "react-code-blocks": "^0.1.6",
+    "react-datepicker": "^9.0.0",
+    "react-day-picker": "^9.12.0",
+    "react-dom": "19.2.3",
+    "react-icons": "^5.5.0",
+    "react-syntax-highlighter": "^16.1.0",
+    "react-use-measure": "^2.1.7",
+    "recharts": "3.6.0",
+    "sharp": "^0.34.5",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.4.0",
+    "zod": "^4.2.1"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^6.7.1",
+    "@eslint-react/eslint-plugin": "^2.3.13",
+    "@next/eslint-plugin-next": "^15.5.8",
+    "@tanstack/eslint-plugin-query": "^5.91.2",
+    "@types/node": "^25.0.2",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
+    "@typescript-eslint/eslint-plugin": "^8.50.0",
+    "@typescript-eslint/parser": "^8.50.0",
+    "@vitejs/plugin-react": "^5.1.2",
+    "eslint": "^9.39.2",
+    "eslint-config-next": "15.5.8",
+    "eslint-plugin-format": "^1.1.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.25",
+    "jsdom": "^27.3.0",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^3.4.17",
+    "tailwindcss-animate": "^1.0.7",
+    "tailwindcss-animated": "^1.1.2",
+    "typescript": "^5.9.3"
+  }
+}

frontend/postcss.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+  },
+};
+
+export default config;