diff --git a/app/(dashboard)/[tenant]/layout.tsx b/app/(dashboard)/[tenant]/layout.tsx
index 5c2be1e..fc6b395 100644
--- a/app/(dashboard)/[tenant]/layout.tsx
+++ b/app/(dashboard)/[tenant]/layout.tsx
@@ -17,7 +17,7 @@ export default async function ConsoleLayout(props: {
 	const { tenant } = await props.params;
 
 	const { children } = props;
-	const { orgSlug } = await getOwner();
+	const { orgSlug, userId } = await getOwner();
 	const user = await getUser();
 
 	if (tenant !== orgSlug) {
@@ -32,6 +32,7 @@ export default async function ConsoleLayout(props: {
 	return (
 		<SidebarProvider>
 			<AppSidebar
+				userId={userId}
 				user={{
 					firstName: user.firstName ?? "",
 					email: user.email ?? "",
diff --git a/app/(dashboard)/[tenant]/notifications/page.tsx b/app/(dashboard)/[tenant]/notifications/page.tsx
new file mode 100644
index 0000000..bbb48b0
--- /dev/null
+++ b/app/(dashboard)/[tenant]/notifications/page.tsx
@@ -0,0 +1,77 @@
+import PageSection from "@/components/core/section";
+import PageTitle from "@/components/layout/page-title";
+import { getUserNotifications } from "../settings/actions";
+
+function Dot({ className }: { className?: string }) {
+	return (
+		<svg
+			width="6"
+			height="6"
+			fill="currentColor"
+			viewBox="0 0 6 6"
+			xmlns="http://www.w3.org/2000/svg"
+			className={className}
+			aria-hidden="true"
+		>
+			<circle cx="3" cy="3" r="3" />
+		</svg>
+	);
+}
+
+export default async function Notifications() {
+	const notifications = await getUserNotifications();
+
+	return (
+		<>
+			<PageTitle title="Notifications" />
+
+			<PageSection topInset>
+				{!notifications.length ? (
+					<div className="text-center text-muted-foreground p-6 text-sm">
+						No notifications
+					</div>
+				) : null}
+
+				{notifications.map((notification) => (
+					<div
+						key={notification.id}
+						className="rounded-md px-3 py-2 text-sm transition-colors hover:bg-accent"
+					>
+						<div className="relative flex items-start gap-3 pe-3">
+							{/* <img
+                className="size-9 rounded-md"
+                src={notification.image}
+                width={32}
+                height={32}
+                alt={notification.user}
+              /> */}
+							<div className="flex-1 space-y-1">
+								<button
+									type="button"
+									className="text-left text-foreground/80 after:absolute after:inset-0"
+								>
+									<span className="font-medium text-foreground hover:underline">
+										{notification.user.firstName}
+									</span>{" "}
+									{notification.target}{" "}
+									<span className="font-medium text-foreground hover:underline">
+										{notification.target}
+									</span>
+									.
+								</button>
+								<div className="text-xs text-muted-foreground">
+									{notification.createdAt.toLocaleDateString()}
+								</div>
+							</div>
+							{!notification.read ? (
+								<div className="absolute end-0 self-center">
+									<Dot />
+								</div>
+							) : null}
+						</div>
+					</div>
+				))}
+			</PageSection>
+		</>
+	);
+}
diff --git a/components/app-sidebar.tsx b/components/app-sidebar.tsx
index a42beea..c882cdb 100644
--- a/components/app-sidebar.tsx
+++ b/components/app-sidebar.tsx
@@ -14,8 +14,11 @@ import {
 import type * as React from "react";
 
 export function AppSidebar({
+	userId,
+	user,
 	...props
 }: React.ComponentProps<typeof Sidebar> & {
+	userId: string;
 	user: {
 		firstName: string;
 		imageUrl: string | null;
@@ -28,11 +31,11 @@ export function AppSidebar({
 				<WorkspaceSwitcher />
 			</SidebarHeader>
 			<SidebarContent>
-				<NavMain />
+				<NavMain userId={userId} />
 				<NavProjects />
 			</SidebarContent>
 			<SidebarFooter>
-				<NavUser user={props.user} />
+				<NavUser user={user} />
 			</SidebarFooter>
 			<SidebarRail />
 		</Sidebar>
diff --git a/components/core/notifications.tsx b/components/core/notifications.tsx
index b5af1f2..0f1a5d1 100644
--- a/components/core/notifications.tsx
+++ b/components/core/notifications.tsx
@@ -1,164 +1,42 @@
 "use client";
 
 import { getUserNotifications } from "@/app/(dashboard)/[tenant]/settings/actions";
-import {
-	Popover,
-	PopoverContent,
-	PopoverTrigger,
-} from "@/components/ui/popover";
-import type { NotificationWithUser } from "@/drizzle/types";
-import { socket } from "@/lib/utils/socket-client";
-import { Bell } from "lucide-react";
-import { useCallback, useEffect, useState } from "react";
+import { cn } from "@/lib/utils";
+import { Bell, Dot } from "lucide-react";
+import Link from "next/link";
+import { useParams, usePathname } from "next/navigation";
+import { useEffect, useState } from "react";
 import { SidebarMenuButton, SidebarMenuItem } from "../ui/sidebar";
 
-function Dot({ className }: { className?: string }) {
-	return (
-		<svg
-			width="6"
-			height="6"
-			fill="currentColor"
-			viewBox="0 0 6 6"
-			xmlns="http://www.w3.org/2000/svg"
-			className={className}
-			aria-hidden="true"
-		>
-			<circle cx="3" cy="3" r="3" />
-		</svg>
-	);
-}
+function Notifications({ tenant, userId }: { tenant: string; userId: string }) {
+	const pathname = usePathname();
 
-function Notifications({ userId }: { userId: string }) {
-	const [isConnected, setIsConnected] = useState(false);
+	const isActive = pathname === `/${tenant}/notifications`;
 
 	useEffect(() => {
-		if (socket.connected) {
-			onConnect();
-		}
-
-		function onConnect() {
-			setIsConnected(true);
-		}
-
-		function onDisconnect() {
-			setIsConnected(false);
-		}
-
-		socket.on("connect", onConnect);
-		socket.on("disconnect", onDisconnect);
-
-		return () => {
-			socket.off("connect", onConnect);
-			socket.off("disconnect", onDisconnect);
-		};
+		getUserNotifications().then((notifications) => {
+			setUnreadCount(notifications.filter((x) => !x.read).length);
+		});
 	}, []);
 
-	const [notifications, setNotifications] = useState<NotificationWithUser[]>(
-		[],
-	);
-	const unreadCount = notifications.filter((n) => !n.read).length;
-
-	const handleMarkAllAsRead = () => {
-		setNotifications(
-			notifications.map((notification) => ({
-				...notification,
-				unread: false,
-			})),
-		);
-	};
-
-	const handleNotificationClick = (id: number) => {
-		setNotifications(
-			notifications.map((notification) =>
-				notification.id === id
-					? { ...notification, unread: false }
-					: notification,
-			),
-		);
-	};
-
-	const fetchNotifications = useCallback(async () => {
-		getUserNotifications().then(setNotifications);
-	}, []);
+	const [unreadCount, setUnreadCount] = useState<number>(0);
 
 	return (
-		<Popover onOpenChange={fetchNotifications}>
-			<PopoverTrigger asChild>
-				<SidebarMenuItem>
-					<SidebarMenuButton asChild>
-						<div className="relative flex cursor-pointer">
-							<Bell aria-hidden="true" />
-							<span>Notifications</span>
-						</div>
-					</SidebarMenuButton>
-				</SidebarMenuItem>
-			</PopoverTrigger>
-			<PopoverContent className="w-80 ml-4" align="end">
-				<div className="flex items-baseline justify-between gap-4 px-3 py-2">
-					<div className="text-sm font-semibold">Notifications</div>
-					{unreadCount > 0 && (
-						<button
-							type="button"
-							className="text-xs font-medium hover:underline"
-							onClick={handleMarkAllAsRead}
-						>
-							Mark all as read
-						</button>
-					)}
-				</div>
-				<div
-					aria-orientation="horizontal"
-					className="-mx-1 my-1 h-px bg-border"
-				/>
-
-				{!notifications.length ? (
-					<div className="text-center text-muted-foreground p-6 text-sm">
-						No notifications
-					</div>
-				) : null}
-
-				{notifications.map((notification) => (
-					<div
-						key={notification.id}
-						className="rounded-md px-3 py-2 text-sm transition-colors hover:bg-accent"
-					>
-						<div className="relative flex items-start gap-3 pe-3">
-							{/* <img
-                className="size-9 rounded-md"
-                src={notification.image}
-                width={32}
-                height={32}
-                alt={notification.user}
-              /> */}
-							<div className="flex-1 space-y-1">
-								<button
-									type="button"
-									className="text-left text-foreground/80 after:absolute after:inset-0"
-									onClick={() => handleNotificationClick(notification.id)}
-								>
-									<span className="font-medium text-foreground hover:underline">
-										{notification.user.firstName}
-									</span>{" "}
-									{notification.target}{" "}
-									<span className="font-medium text-foreground hover:underline">
-										{notification.target}
-									</span>
-									.
-								</button>
-								<div className="text-xs text-muted-foreground">
-									{notification.createdAt.toLocaleDateString()}
-								</div>
-							</div>
-							{!notification.read ? (
-								<div className="absolute end-0 self-center">
-									<Dot />
-								</div>
-							) : null}
-						</div>
-					</div>
-				))}
-			</PopoverContent>
-		</Popover>
+		<SidebarMenuItem>
+			<SidebarMenuButton asChild>
+				<Link href={`/${tenant}/notifications`} className="relative flex">
+					<Bell className={cn(isActive ? "text-primary" : "")} />
+					<span className={cn(isActive ? "font-semibold" : "")}>
+						Notifications
+					</span>
+					<Dot
+						className={`ml-auto w-10 h-10 -mr-2 ${
+							unreadCount ? "text-red-600" : "text-transparent"
+						}`}
+					/>
+				</Link>
+			</SidebarMenuButton>
+		</SidebarMenuItem>
 	);
 }
 
diff --git a/components/nav-main.tsx b/components/nav-main.tsx
index 510c7f5..a8ec35d 100644
--- a/components/nav-main.tsx
+++ b/components/nav-main.tsx
@@ -1,15 +1,5 @@
 "use client";
 
-import {
-	CalendarCheck,
-	ChevronRight,
-	File,
-	GaugeIcon,
-	ListChecksIcon,
-	type LucideIcon,
-	SettingsIcon,
-} from "lucide-react";
-
 import {
 	Collapsible,
 	CollapsibleContent,
@@ -29,6 +19,15 @@ import {
 import type { ProjectWithData } from "@/drizzle/types";
 import { cn } from "@/lib/utils";
 import { getProjectById } from "@/lib/utils/useProjects";
+import {
+	CalendarCheck,
+	ChevronRight,
+	File,
+	GaugeIcon,
+	ListChecksIcon,
+	type LucideIcon,
+	SettingsIcon,
+} from "lucide-react";
 import { CalendarHeartIcon } from "lucide-react";
 import Link from "next/link";
 import { useParams, usePathname } from "next/navigation";
@@ -47,7 +46,7 @@ type MainNavItem = {
 	}[];
 };
 
-export function NavMain() {
+export function NavMain({ userId }: { userId: string }) {
 	const { setOpenMobile } = useSidebar();
 	const { tenant, projectId } = useParams();
 	const pathname = usePathname();
@@ -166,9 +165,9 @@ export function NavMain() {
 	return (
 		<SidebarGroup>
 			<SidebarMenu>
-				<Notifications userId="1" />
+				<Notifications tenant={String(tenant)} userId={userId} />
 			</SidebarMenu>
-			<SidebarGroupLabel className="font-bold">Tools</SidebarGroupLabel>
+			<SidebarGroupLabel className="font-bold mt-4">Tools</SidebarGroupLabel>
 			<SidebarMenu>
 				{navItems.map((navItem) =>
 					navItem.items?.length ? (
diff --git a/lib/utils/socket-client.ts b/lib/utils/socket-client.ts
deleted file mode 100644
index f7368c7..0000000
--- a/lib/utils/socket-client.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-"use client";
-
-import { io } from "socket.io-client";
-
-export const socket = io();
diff --git a/package.json b/package.json
index b564a75..a09929a 100644
--- a/package.json
+++ b/package.json
@@ -3,9 +3,9 @@
 	"version": "0.1.0",
 	"private": true,
 	"scripts": {
-		"dev": "TZ=UTC node server.js",
+		"dev": "TZ=UTC next dev",
 		"build": "next build",
-		"start": "NODE_ENV=production node server.js",
+		"start": "next start",
 		"lint": "biome lint",
 		"generate:migrations": "drizzle-kit generate"
 	},
@@ -59,8 +59,6 @@
 		"remark-gfm": "^4.0.0",
 		"rrule": "^2.8.1",
 		"sharp": "^0.33.4",
-		"socket.io": "^4.8.1",
-		"socket.io-client": "^4.8.1",
 		"strip-markdown": "^6.0.0",
 		"tailwind-merge": "^1.14.0",
 		"tailwindcss": "3.3.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5420dfd..e42945a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -159,12 +159,6 @@ importers:
       sharp:
         specifier: ^0.33.4
         version: 0.33.4
-      socket.io:
-        specifier: ^4.8.1
-        version: 4.8.1
-      socket.io-client:
-        specifier: ^4.8.1
-        version: 4.8.1
       strip-markdown:
         specifier: ^6.0.0
         version: 6.0.0
@@ -2399,9 +2393,6 @@ packages:
     resolution: {integrity: sha512-4pP0EV3iTsexDx+8PPGAKCQpd/6hsQBaQhqWzU4hqKPHN5epPsxKbvUTIiYIHTxaKt6/kEaqPBpu/ufvfbrRzw==}
     engines: {node: '>=16.0.0'}
 
-  '@socket.io/component-emitter@3.1.2':
-    resolution: {integrity: sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==}
-
   '@swc/counter@0.1.3':
     resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==}
 
@@ -2437,9 +2428,6 @@ packages:
   '@types/codemirror@5.60.15':
     resolution: {integrity: sha512-dTOvwEQ+ouKJ/rE9LT1Ue2hmP6H1mZv5+CCnNWu2qtiOe2LQa9lCprEY20HxiDmV/Bxh+dXjywmy5aKvoGjULA==}
 
-  '@types/cors@2.8.17':
-    resolution: {integrity: sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==}
-
   '@types/debug@4.1.12':
     resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
 
@@ -2559,10 +2547,6 @@ packages:
   '@ungap/structured-clone@1.2.1':
     resolution: {integrity: sha512-fEzPV3hSkSMltkw152tJKNARhOupqbH96MZWyRjNaYZOMIzbrTeQDG+MTc6Mr2pgzFQzFxAfmhGDNP5QK++2ZA==}
 
-  accepts@1.3.8:
-    resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==}
-    engines: {node: '>= 0.6'}
-
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -2689,10 +2673,6 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
-  base64id@2.0.0:
-    resolution: {integrity: sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==}
-    engines: {node: ^4.5.0 || >= 5.9}
-
   better-sqlite3@11.7.0:
     resolution: {integrity: sha512-mXpa5jnIKKHeoGzBrUJrc65cXFKcILGZpU3FXR0pradUEm9MA7UZz02qfEejaMcm9iXrSOCenwwYMJ/tZ1y5Ig==}
 
@@ -2857,10 +2837,6 @@ packages:
   core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
 
-  cors@2.8.5:
-    resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
-    engines: {node: '>= 0.10'}
-
   cross-spawn@7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
     engines: {node: '>= 8'}
@@ -3109,17 +3085,6 @@ packages:
   end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
 
-  engine.io-client@6.6.3:
-    resolution: {integrity: sha512-T0iLjnyNWahNyv/lcjS2y4oE358tVS/SYQNxYXGAJ9/GLgH4VCvOQ/mhTjqU88mLZCQgiG8RIegFHYCdVC+j5w==}
-
-  engine.io-parser@5.2.3:
-    resolution: {integrity: sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==}
-    engines: {node: '>=10.0.0'}
-
-  engine.io@6.6.3:
-    resolution: {integrity: sha512-2hkLItQMBkoYSagneiisupWGvsQlWXqzhSMvsjaM8GYbnfUsX7tzYQq9QARnate5LRedVTX+MbkSZAANAr3NtQ==}
-    engines: {node: '>=10.2.0'}
-
   enhanced-resolve@5.17.1:
     resolution: {integrity: sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==}
     engines: {node: '>=10.13.0'}
@@ -4028,10 +3993,6 @@ packages:
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
-  negotiator@0.6.3:
-    resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
-    engines: {node: '>= 0.6'}
-
   next-themes@0.3.0:
     resolution: {integrity: sha512-/QHIrsYpd6Kfk7xakK4svpDI5mmXP0gfvCoJdGpZQ2TOrQZmsW0QxjaiLn8wbIKjtm4BTSqLoix4lxYYOnLJ/w==}
     peerDependencies:
@@ -4533,21 +4494,6 @@ packages:
   simple-swizzle@0.2.2:
     resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
 
-  socket.io-adapter@2.5.5:
-    resolution: {integrity: sha512-eLDQas5dzPgOWCk9GuuJC2lBqItuhKI4uxGgo9aIV7MYbk2h9Q6uULEh8WBzThoI7l+qU9Ast9fVUmkqPP9wYg==}
-
-  socket.io-client@4.8.1:
-    resolution: {integrity: sha512-hJVXfu3E28NmzGk8o1sHhN3om52tRvwYeidbj7xKy2eIIse5IoKX3USlS6Tqt3BHAtflLIkCQBkzVrEEfWUyYQ==}
-    engines: {node: '>=10.0.0'}
-
-  socket.io-parser@4.2.4:
-    resolution: {integrity: sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==}
-    engines: {node: '>=10.0.0'}
-
-  socket.io@4.8.1:
-    resolution: {integrity: sha512-oZ7iUCxph8WYRHHcjBEc9unw3adt5CmSNlppj/5Q4k2RIrhl8Z5yY2Xr4j9zj0+wzVZ0bxmYoGSzKJnRl6A4yg==}
-    engines: {node: '>=10.2.0'}
-
   source-map-js@1.2.0:
     resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
     engines: {node: '>=0.10.0'}
@@ -4845,10 +4791,6 @@ packages:
     resolution: {integrity: sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==}
     hasBin: true
 
-  vary@1.1.2:
-    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
-    engines: {node: '>= 0.8'}
-
   vfile-message@4.0.2:
     resolution: {integrity: sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==}
 
@@ -4902,18 +4844,6 @@ packages:
       utf-8-validate:
         optional: true
 
-  ws@8.17.1:
-    resolution: {integrity: sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==}
-    engines: {node: '>=10.0.0'}
-    peerDependencies:
-      bufferutil: ^4.0.1
-      utf-8-validate: '>=5.0.2'
-    peerDependenciesMeta:
-      bufferutil:
-        optional: true
-      utf-8-validate:
-        optional: true
-
   ws@8.18.0:
     resolution: {integrity: sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==}
     engines: {node: '>=10.0.0'}
@@ -4926,10 +4856,6 @@ packages:
       utf-8-validate:
         optional: true
 
-  xmlhttprequest-ssl@2.1.2:
-    resolution: {integrity: sha512-TEU+nJVUUnA4CYJFLvK5X9AOeH4KvDvhIfm0vV1GaQRtchnG0hgK5p8hw/xjv8cunWYCsiPCSDzObPyhEwq3KQ==}
-    engines: {node: '>=0.4.0'}
-
   xtend@4.0.2:
     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
     engines: {node: '>=0.4'}
@@ -7409,8 +7335,6 @@ snapshots:
       '@smithy/types': 3.3.0
       tslib: 2.6.3
 
-  '@socket.io/component-emitter@3.1.2': {}
-
   '@swc/counter@0.1.3': {}
 
   '@swc/helpers@0.5.15':
@@ -7449,10 +7373,6 @@ snapshots:
     dependencies:
       '@types/tern': 0.23.9
 
-  '@types/cors@2.8.17':
-    dependencies:
-      '@types/node': 20.1.0
-
   '@types/debug@4.1.12':
     dependencies:
       '@types/ms': 0.7.34
@@ -7590,11 +7510,6 @@ snapshots:
 
   '@ungap/structured-clone@1.2.1': {}
 
-  accepts@1.3.8:
-    dependencies:
-      mime-types: 2.1.35
-      negotiator: 0.6.3
-
   acorn-jsx@5.3.2(acorn@8.14.0):
     dependencies:
       acorn: 8.14.0
@@ -7753,8 +7668,6 @@ snapshots:
 
   base64-js@1.5.1: {}
 
-  base64id@2.0.0: {}
-
   better-sqlite3@11.7.0:
     dependencies:
       bindings: 1.5.0
@@ -7931,11 +7844,6 @@ snapshots:
 
   core-util-is@1.0.3: {}
 
-  cors@2.8.5:
-    dependencies:
-      object-assign: 4.1.1
-      vary: 1.1.2
-
   cross-spawn@7.0.3:
     dependencies:
       path-key: 3.1.1
@@ -8096,36 +8004,6 @@ snapshots:
     dependencies:
       once: 1.4.0
 
-  engine.io-client@6.6.3:
-    dependencies:
-      '@socket.io/component-emitter': 3.1.2
-      debug: 4.3.6
-      engine.io-parser: 5.2.3
-      ws: 8.17.1
-      xmlhttprequest-ssl: 2.1.2
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-
-  engine.io-parser@5.2.3: {}
-
-  engine.io@6.6.3:
-    dependencies:
-      '@types/cors': 2.8.17
-      '@types/node': 20.1.0
-      accepts: 1.3.8
-      base64id: 2.0.0
-      cookie: 1.0.2
-      cors: 2.8.5
-      debug: 4.3.6
-      engine.io-parser: 5.2.3
-      ws: 8.17.1
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-
   enhanced-resolve@5.17.1:
     dependencies:
       graceful-fs: 4.2.11
@@ -9403,8 +9281,6 @@ snapshots:
 
   natural-compare@1.4.0: {}
 
-  negotiator@0.6.3: {}
-
   next-themes@0.3.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       react: 19.0.0
@@ -10017,47 +9893,6 @@ snapshots:
     dependencies:
       is-arrayish: 0.3.2
 
-  socket.io-adapter@2.5.5:
-    dependencies:
-      debug: 4.3.6
-      ws: 8.17.1
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-
-  socket.io-client@4.8.1:
-    dependencies:
-      '@socket.io/component-emitter': 3.1.2
-      debug: 4.3.6
-      engine.io-client: 6.6.3
-      socket.io-parser: 4.2.4
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-
-  socket.io-parser@4.2.4:
-    dependencies:
-      '@socket.io/component-emitter': 3.1.2
-      debug: 4.3.6
-    transitivePeerDependencies:
-      - supports-color
-
-  socket.io@4.8.1:
-    dependencies:
-      accepts: 1.3.8
-      base64id: 2.0.0
-      cors: 2.8.5
-      debug: 4.3.6
-      engine.io: 6.6.3
-      socket.io-adapter: 2.5.5
-      socket.io-parser: 4.2.4
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-
   source-map-js@1.2.0: {}
 
   source-map-support@0.5.21:
@@ -10410,8 +10245,6 @@ snapshots:
 
   uuid@9.0.1: {}
 
-  vary@1.1.2: {}
-
   vfile-message@4.0.2:
     dependencies:
       '@types/unist': 3.0.3
@@ -10482,12 +10315,8 @@ snapshots:
 
   ws@7.5.10: {}
 
-  ws@8.17.1: {}
-
   ws@8.18.0: {}
 
-  xmlhttprequest-ssl@2.1.2: {}
-
   xtend@4.0.2: {}
 
   yallist@4.0.0: {}
diff --git a/server.js b/server.js
deleted file mode 100644
index ded22ef..0000000
--- a/server.js
+++ /dev/null
@@ -1,41 +0,0 @@
-const { createServer } = require("node:http");
-const next = require("next");
-const { Server } = require("socket.io");
-
-const dev = process.env.NODE_ENV !== "production";
-const hostname = process.env.HOSTNAME ?? "localhost";
-const port = process.env.PORT ?? 3000;
-const app = next({ dev, hostname, port });
-const handler = app.getRequestHandler();
-
-let io;
-
-app.prepare().then(() => {
-	const httpServer = createServer(handler);
-
-	io = new Server(httpServer);
-
-	io.on("connection", (socket) => {
-		console.log("Socket.io client connected:", socket.id);
-
-		socket.on("message", (data) => {
-			console.log("Received:", data);
-			io.emit("message", `Server: ${data}`); // Broadcast to all clients
-		});
-
-		socket.on("disconnect", () => {
-			console.log("Socket.io client disconnected:", socket.id);
-		});
-	});
-
-	httpServer
-		.once("error", (err) => {
-			console.error(err);
-			process.exit(1);
-		})
-		.listen(port, () => {
-			console.log(`> Ready on http://${hostname}:${port}`);
-		});
-});
-
-module.exports = { io };