diff --git a/src/server.rs b/src/server.rs
index 738a90b..c80af62 100644
--- a/src/server.rs
+++ b/src/server.rs
@@ -95,7 +95,14 @@ async fn health() -> &'static str {
 }
 
 async fn config_endpoint(State(state): State<AppState>) -> Json<serde_json::Value> {
-    Json(serde_json::json!({ "public_url": state.config.public_url }))
+    Json(serde_json::json!({
+        "public_url": state.config.public_url,
+        "version": env!("CARGO_PKG_VERSION"),
+        "database_backend": format!("{:?}", state.config.database_backend).to_lowercase(),
+        "jetstream_url": state.config.jetstream_url,
+        "relay_url": state.config.relay_url,
+        "plc_url": state.config.plc_url,
+    }))
 }
 
 async fn client_metadata(State(state): State<AppState>) -> Json<serde_json::Value> {
diff --git a/web/src/app/dashboard/about/page.tsx b/web/src/app/dashboard/about/page.tsx
new file mode 100644
index 0000000..daa4728
--- /dev/null
+++ b/web/src/app/dashboard/about/page.tsx
@@ -0,0 +1,83 @@
+"use client"
+
+import { useEffect, useState } from "react"
+
+import { SiteHeader } from "@/components/site-header"
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card"
+
+interface ConfigInfo {
+  version: string
+  public_url: string
+  database_backend: string
+  jetstream_url: string
+  relay_url: string
+  plc_url: string
+}
+
+export default function AboutPage() {
+  const [config, setConfig] = useState<ConfigInfo | null>(null)
+  const [error, setError] = useState<string | null>(null)
+
+  useEffect(() => {
+    fetch("/config", { credentials: "same-origin" })
+      .then((r) => {
+        if (!r.ok) throw new Error("Failed to load config")
+        return r.json()
+      })
+      .then(setConfig)
+      .catch((e) => setError(e.message))
+  }, [])
+
+  const rows: { label: string; value: string | undefined }[] = config
+    ? [
+        { label: "Version", value: config.version },
+        { label: "Public URL", value: config.public_url },
+        { label: "Database", value: config.database_backend },
+        { label: "Jetstream", value: config.jetstream_url },
+        { label: "Relay", value: config.relay_url },
+        { label: "PLC Directory", value: config.plc_url },
+      ]
+    : []
+
+  return (
+    <>
+      <SiteHeader title="About" />
+      <div className="flex flex-1 flex-col gap-4 p-4 md:p-6 max-w-3xl">
+        {error && <p className="text-destructive text-sm">{error}</p>}
+
+        <Card>
+          <CardHeader>
+            <CardTitle>HappyView</CardTitle>
+            <CardDescription>
+              ATProto AppView instance information
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            {config ? (
+              <dl className="grid grid-cols-[auto_1fr] gap-x-6 gap-y-3 text-sm">
+                {rows.map((row) => (
+                  <div key={row.label} className="contents">
+                    <dt className="text-muted-foreground font-medium">
+                      {row.label}
+                    </dt>
+                    <dd className="font-mono">{row.value ?? "—"}</dd>
+                  </div>
+                ))}
+              </dl>
+            ) : (
+              !error && (
+                <p className="text-muted-foreground text-sm">Loading...</p>
+              )
+            )}
+          </CardContent>
+        </Card>
+      </div>
+    </>
+  )
+}
diff --git a/web/src/components/app-sidebar.tsx b/web/src/components/app-sidebar.tsx
index d11f096..230ed23 100644
--- a/web/src/components/app-sidebar.tsx
+++ b/web/src/components/app-sidebar.tsx
@@ -17,6 +17,7 @@ import {
   IconLink,
   IconPuzzle,
   IconLockAccess,
+  IconInfoCircle,
 } from "@tabler/icons-react"
 import Image from "next/image"
 import Link from "next/link"
@@ -159,6 +160,14 @@ export function AppSidebar({
       </SidebarContent>
       <SidebarFooter>
         <SidebarMenu>
+          <SidebarMenuItem>
+            <SidebarMenuButton asChild tooltip="About" isActive={pathname === "/dashboard/about"}>
+              <Link href="/dashboard/about">
+                <IconInfoCircle />
+                <span>About</span>
+              </Link>
+            </SidebarMenuButton>
+          </SidebarMenuItem>
           <SidebarMenuItem>
             <SidebarMenuButton onClick={logout} tooltip="Log out">
               <IconLogout />