Add techstack docs

Author: MertenD

src/content/docs/architecture/meta.json

@@ -2,6 +2,7 @@
   "title": "Architecture",
   "pages": [
     "process-engine",
-    "deployment"
+    "deployment",
+    "tech-stack"
   ]
 }

src/content/docs/architecture/tech-stack.mdx

@@ -0,0 +1,71 @@
+---
+title: Tech Stack
+description: Overview of technologies and services used in ProcessFlow with links, icons, and brief descriptions.
+---
+
+import { Code, Database, Cloud, GitBranch, Zap, Server } from 'lucide-react';
+
+## <Code className="inline h-6 w-6 mr-2 text-secondary" /> Tech Stack Overview
+
+A concise list of the core technologies and services powering **ProcessFlow**, complete with official links and icons for easy reference.
+
+---
+
+### <GitBranch className="inline h-5 w-5 mr-2 text-secondary" /> Frontend
+
+
+- <img src="https://nextjs.org/favicon.ico" alt="Next.js" className="inline h-7 w-7 mr-2" /> **Next.js** ([nextjs.org](https://nextjs.org/))
+    React framework for server-side rendering and static site generation.
+- <img src="https://ui.shadcn.com/favicon.ico" alt="Shadcn/ui" className="inline h-7 w-7 mr-2" /> **Shadcn/ui** ([github.com/shadcn/ui](https://github.com/shadcn/ui))
+  Component library built on Radix and Tailwind CSS.
+- <img src="https://tailwindcss.com/favicons/favicon-32x32.png?v=4" alt="Tailwind CSS" className="inline h-7 w-7 mr-2" /> **Tailwind CSS** ([tailwindcss.com](https://tailwindcss.com/))
+  Utility-first styling for rapid UI development.
+- <img src="https://lucide.dev/favicon.ico" alt="lucide-react" className="inline h-7 w-7 mr-2" /> **lucide-react** ([lucide.dev](https://lucide.dev/))
+  Icon library used for UI embellishments.
+- <img src="https://reactflow.dev/favicon.ico" alt="React Flow" className="inline h-7 w-7 mr-2" /> **React Flow** ([reactflow.dev](https://reactflow.dev/))
+  Library for building interactive node-based UIs and flow diagrams.
+- <img src="https://zustand-demo.pmnd.rs/favicon.ico" alt="Zustand" className="inline h-7 w-7 mr-2" /> **Zustand** ([https://zustand-demo.pmnd.rs/](https://zustand-demo.pmnd.rs/))
+  Lightweight state management for React.
+
+---
+
+### <Database className="inline h-5 w-5 mr-2 text-secondary" /> Backend & Database
+
+- <img src="https://supabase.com/favicon/favicon-32x32.png" alt="Supabase" className="inline h-7 w-7 mr-2" /> **Supabase** ([supabase.com](https://supabase.com/))
+  Backend-as-a-service providing PostgreSQL, authentication, and realtime subscriptions.
+- <img src="https://www.postgresql.org/favicon.ico" alt="PostgreSQL" className="inline h-7 w-7 mr-2" /> **PostgreSQL** ([postgresql.org](https://www.postgresql.org/))
+  Relational database; JSONB support powers the in-database process engine.
+- <img src="https://www.postgresql.org/favicon.ico" alt="PL/pgSQL" className="inline h-7 w-7 mr-2" /> **PL/pgSQL** ([postgresql.org/docs](https://www.postgresql.org/docs/current/plpgsql.html))
+  Procedural language for writing stored functions and triggers.
+- <img src="https://nextjs.org/favicon.ico" alt="Next.js API Routes" className="inline h-7 w-7 mr-2" /> **Next.js API Routes** ([nextjs.org/docs/api-routes/introduction](https://nextjs.org/docs/api-routes/introduction))
+  Server-side logic and API endpoints for the application.
+
+---
+
+### <Server className="inline h-5 w-5 mr-2 text-secondary" /> Containerization & CI/CD
+
+- <img src="https://www.docker.com/favicon.ico" alt="Docker" className="inline h-7 w-7 mr-2" /> **Docker** ([docker.com](https://www.docker.com/))
+  Container platform for packaging and running the application.
+- <img src="https://docs.docker.com/favicons/docs@2x.ico" alt="Docker Compose" className="inline h-7 w-7 mr-2" /> **Docker Compose** ([docs.docker.com/compose](https://docs.docker.com/compose/))
+  Define and manage multi-container deployments.
+- <img src="https://github.githubassets.com/favicons/favicon.svg" alt="GitHub Actions" className="inline h-7 w-7 mr-2" /> **GitHub Actions** ([github.com/features/actions](https://github.com/features/actions))
+  CI/CD workflows for building, testing, and deploying images.
+- <img src="https://hub.docker.com/favicon.ico" alt="Docker Hub" className="inline h-7 w-7 mr-2" /> **Docker Hub** ([hub.docker.com](https://hub.docker.com/))
+  Public registry for hosting Docker images.
+
+---
+
+### <Zap className="inline h-5 w-5 mr-2 text-secondary" /> Automation & Routing
+
+- <img src="https://containrrr.dev/watchtower/images/favicon.ico" alt="Watchtower" className="inline h-7 w-7 mr-2" /> **Watchtower** ([https://containrrr.dev/watchtower/](https://containrrr.dev/watchtower/))
+  Monitors Docker Hub and updates running containers automatically.
+- <img src="https://traefik.io/favicon.svg" alt="Traefik" className="inline h-7 w-7 mr-2" /> **Traefik** ([traefik.io](https://traefik.io/))
+  Dynamic edge router and load balancer with automatic SSL.
+
+---
+
+### <Cloud className="inline h-5 w-5 mr-2 text-secondary" /> Hosting & Infrastructure
+
+- <img src="https://assets.ubuntu.com/v1/be7e4cc6-COF-favicon-32x32.png" alt="Ubuntu Server" className="inline h-7 w-7 mr-2" /> **Ubuntu Server** ([ubuntu.com](https://ubuntu.com/))
+  Linux distribution used for the production host.
+

src/content/docs/index.mdx

@@ -110,6 +110,7 @@ Developed by **Merten Dieckmann**, a Master’s student, ProcessFlow was born fr
         <h3 className="mt-0">Architecture</h3>
         - [Process Engine](/docs/architecture/process-engine)
         - [Deployment](/docs/architecture/deployment)
+        - [Tech Stack](/docs/architecture/tech-stack)
     </div>
 
     <div className="bg-card p-4 rounded-md">