diff --git a/src/app/(app)/dashboard/@admin/settings/language-server/page.tsx b/src/app/(app)/dashboard/@admin/settings/language-server/page.tsx
new file mode 100644
index 0000000..2726dce
--- /dev/null
+++ b/src/app/(app)/dashboard/@admin/settings/language-server/page.tsx
@@ -0,0 +1,58 @@
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import { EditorLanguage } from "@prisma/client";
+import { getLanguageServerConfig } from "@/app/actions/language-server";
+import { SettingsLanguageServerForm } from "@/app/(app)/dashboard/@admin/settings/language-server/form";
+
+export default async function SettingsLanguageServerPage() {
+  const languages = Object.values(EditorLanguage);
+
+  const configPromises = languages.map(async (language) => {
+    return {
+      language,
+      config: await getLanguageServerConfig(language),
+    };
+  });
+
+  const configs = await Promise.all(configPromises);
+
+  return (
+    <Accordion type="single" collapsible className="w-full space-y-2" defaultValue="c">
+      {configs.map(({ language, config }) => (
+        <AccordionItem
+          key={language}
+          value={language}
+          className="has-focus-visible:border-ring has-focus-visible:ring-ring/50 rounded-md border outline-none last:border-b has-focus-visible:ring-[3px]"
+        >
+          <AccordionTrigger className="px-4 py-3 justify-start gap-3 text-[15px] leading-6 hover:no-underline focus-visible:ring-0 [&>svg]:-order-1">
+            {language.toUpperCase()}
+          </AccordionTrigger>
+          <AccordionContent className="text-muted-foreground pb-0">
+            <div className="px-4 py-3">
+              <SettingsLanguageServerForm
+                defaultValues={
+                  config
+                    ? {
+                      protocol: config.protocol,
+                      hostname: config.hostname,
+                      port: config.port,
+                      path: config.path,
+                    }
+                    : {
+                      port: null,
+                      path: null,
+                    }
+                }
+                language={language}
+              />
+            </div>
+          </AccordionContent>
+        </AccordionItem>
+      ))}
+    </Accordion>
+  );
+}