chore(self-hosting): add icons

sinanmohd · sinanmohd · commit f0a5226ac48b · 2025-06-04T21:50:08.000+05:30
diff --git a/content/self-hosting/apache.mdx b/content/self-hosting/apache.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Behind Apache'
+icon: 'apache'
 description: 'Run NocoDB Behind Apache Proxy.'
 tags: ['nginx', 'proxy']
 keywords : ['NocoDB Apache', 'NocoDB Proxy']
diff --git a/content/self-hosting/aws-ecs.mdx b/content/self-hosting/aws-ecs.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Install on AWS'
+icon: 'aws'
 tags: ['Open Source']
 description: 'Deploy NocoDB on AWS ECS using Fargate'
 keywords : ['NocoDB installation', 'NocoDB AWS Fargate installation', 'NocoDB prerequisites']
diff --git a/content/self-hosting/cloudron.mdx b/content/self-hosting/cloudron.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Install on Cloudron'
+icon: 'cloudron'
 tags: ['cloudron', 'docker']
 keywords: ['NocoDB Railway', 'Install NocoDB', 'NocoDB Docker']
 ---
diff --git a/content/self-hosting/configuring-nocodb.mdx b/content/self-hosting/configuring-nocodb.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Configuring NocoDB'
+icon: 'cog'
 tags: [ 'Open Source' ]
 keywords: [ 'NocoDB Environment Variables', 'NocoDB env variables', 'NocoDB envs', 'NocoDB .env' ]
 ---
diff --git a/content/self-hosting/digital-ocean.mdx b/content/self-hosting/digital-ocean.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Install on DigitalOcean'
+icon: 'digitalocean'
 tags: ['Open Source']
 keywords : ['NocoDB installation', 'NocoDB Digital Ocean installation', 'NocoDB prerequisites']
 ---
diff --git a/content/self-hosting/docker-compose.mdx b/content/self-hosting/docker-compose.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Install with Docker Compose'
+icon: 'docker'
 tags: ['Open Source']
 keywords : ['NocoDB installation', 'NocoDB docker installation', 'NocoDB prerequisites']
 ---
diff --git a/content/self-hosting/docker.mdx b/content/self-hosting/docker.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Install with Docker'
+icon: 'docker'
 tags: ['Open Source']
 keywords : ['NocoDB installation', 'NocoDB docker installation', 'NocoDB prerequisites']
 ---
diff --git a/content/self-hosting/index.mdx b/content/self-hosting/index.mdx
@@ -1,6 +1,6 @@
 ---
 title: 'Overview'
-icon: 'monitor'
+icon: 'server'
 ---
 
 Self-hosting NocoDB allows you to run NocoDB on your own server, giving you full control over your data and infrastructure.
diff --git a/content/self-hosting/k8s.mdx b/content/self-hosting/k8s.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Install on Kubernets'
+icon: 'k8s'
 tags: ['kubernets', 'k8s']
 keywords: ['Kubernets']
 ---
diff --git a/content/self-hosting/meta.json b/content/self-hosting/meta.json
@@ -5,8 +5,8 @@
 
     "upstall",
     "docker",
-    "docker-compose",
     "nix",
+    "docker-compose",
 
     "nixos",
     "ubuntu",
diff --git a/content/self-hosting/nginx.mdx b/content/self-hosting/nginx.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Behind Nginx'
+icon: 'nginx'
 description: 'Run NocoDB Behind Nginx Proxy.'
 tags: ['nginx', 'proxy']
 keywords : ['NocoDB Nginx', 'NocoDB Proxy']
diff --git a/content/self-hosting/nix.mdx b/content/self-hosting/nix.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Install with Nix'
+icon: 'nix'
 tags: ['Open Source', 'Nix', 'NixOS']
 keywords : ['NocoDB installation', 'Nix', 'NixOS']
 ---
diff --git a/content/self-hosting/nixos.mdx b/content/self-hosting/nixos.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Install on NixOS'
+icon: 'nix'
 tags: ['Open Source', 'Nix', 'NixOS']
 keywords : ['NocoDB installation', 'Nix', 'NixOS']
 ---
diff --git a/content/self-hosting/other-installations.mdx b/content/self-hosting/other-installations.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Other Installation Methods'
+icon: 'bookheart'
 tags: ['Open Source']
 keywords : ['NocoDB installation' ]
 ---
diff --git a/content/self-hosting/railway.mdx b/content/self-hosting/railway.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Install on Railway'
+icon: 'railway'
 tags: ['railway', 'docker']
 keywords: ['NocoDB Railway', 'Install NocoDB', 'NocoDB Docker']
 ---
diff --git a/content/self-hosting/render.mdx b/content/self-hosting/render.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Install on Render'
+icon: 'render'
 tags: ['render', 'docker']
 keywords: ['NocoDB Render', 'Install NocoDB', 'NocoDB Docker']
 ---
diff --git a/content/self-hosting/traefik.mdx b/content/self-hosting/traefik.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Behind Traefik'
+icon: 'traefik'
 description: 'Run NocoDB Behind Traefik Proxy.'
 tags: ['nginx', 'proxy']
 keywords : ['NocoDB Traefik', 'NocoDB Proxy']
diff --git a/content/self-hosting/ubuntu.mdx b/content/self-hosting/ubuntu.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Install on Ubuntu'
+icon: 'ubuntu'
 description: 'Install and run NocoDB on Ubuntu using Docker or Nix.'
 tags: ['ubuntu', 'docker', 'nix']
 keywords: ['NocoDB Ubuntu', 'Install NocoDB', 'NocoDB Docker', 'NocoDB Nix']
diff --git a/content/self-hosting/upstall.mdx b/content/self-hosting/upstall.mdx
@@ -1,5 +1,6 @@
 ---
 title: 'Install with Upstall'
+icon: 'terminal'
 tags: ['Open Source']
 keywords : ['NocoDB installation', 'NocoDB one command installation', 'NocoDB prerequisites']
 ---
diff --git a/lib/iconMap.ts b/lib/iconMap.ts
@@ -26,6 +26,8 @@ import XTwitter from '@/components/icons/XTwitter';
 import Facebook from '@/components/icons/Facebook';
 import Linkedin from '@/components/icons/Linkedin';
 import Extension from '@/components/icons/Extension';
+import { Cog, BookHeart, Server } from 'lucide-react'
+import { SiNginx, SiApache, SiTraefikproxy, SiCloudron, SiRailway, SiDigitalocean, SiRender, SiKubernetes, SiUbuntu, SiNixos, SiDocker, SiShell, SiCloudways } from '@icons-pack/react-simple-icons';
 
 
 const iconMap = {
@@ -56,12 +58,27 @@ const iconMap = {
     xTwitter: XTwitter,
     facebook: Facebook,
     linkedin: Linkedin,
-    extension: Extension
+    extension: Extension,
+    docker: SiDocker,
+    nix: SiNixos,
+    ubuntu: SiUbuntu,
+    k8s: SiKubernetes,
+    render: SiRender,
+    digitalocean: SiDigitalocean,
+    aws: SiCloudways,
+    railway: SiRailway,
+    cloudron: SiCloudron,
+    nginx: SiNginx,
+    apache: SiApache,
+    traefik: SiTraefikproxy,
+    cog: Cog,
+    bookheart: BookHeart,
+    server: Server,
 } as const;
 
 type IconNameType = keyof typeof iconMap;
 
 const IconName = Object.keys(iconMap)
 
 export {iconMap, IconName};
-export type {IconNameType};
+export type {IconNameType};
diff --git a/lib/source.ts b/lib/source.ts
@@ -4,26 +4,28 @@ import {createMDXSource} from "fumadocs-mdx";
 import {iconMap, IconNameType} from "@/lib/iconMap";
 import {createElement} from "react";
 
+const icon = (icon?: string) => {
+
+    if (!icon) {
+        return;
+    }
+    if (icon in iconMap) {
+        return createElement(iconMap[icon as IconNameType], {
+            className: 'w-4 h-4',
+            width: 16,
+            height: 16,
+        });
+    } else {
+        return createElement(iconMap['book']);
+    }
+}
+
 // See https://fumadocs.vercel.app/docs/headless/source-api for more info
 export const source = loader({
     // it assigns a URL to your pages
     baseUrl: '/docs/product-docs',
     source: docs.toFumadocsSource(),
-    icon(icon?: string) {
-
-        if (!icon) {
-            return;
-        }
-        if (icon in iconMap) {
-            return createElement(iconMap[icon as IconNameType], {
-                className: 'w-4 h-4',
-                width: 16,
-                height: 16,
-            });
-        } else {
-            return createElement(iconMap['book']);
-        }
-    },
+    icon: icon,
 });
 
 export const blogSource = loader({
@@ -39,6 +41,7 @@ export const scriptsSource = loader({
 export const selfHostingSource = loader({
     baseUrl: '/docs/self-hosting',
     source: selfHosting.toFumadocsSource(),
+    icon: icon,
 })
     
 export const changelogSource = loader({
diff --git a/package.json b/package.json
@@ -10,6 +10,7 @@
     "syncIndex": "tsx scripts/syncIndex.ts"
   },
   "dependencies": {
+    "@icons-pack/react-simple-icons": "^13.0.0",
     "@radix-ui/react-collapsible": "^1.1.8",
     "@radix-ui/react-dialog": "^1.1.13",
     "@radix-ui/react-dropdown-menu": "^2.1.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
