From d0cb462adf726ef25eff9e0bf7da029824e879f9 Mon Sep 17 00:00:00 2001
From: Zachary Proser <zackproser@gmail.com>
Date: Sat, 5 Oct 2024 14:00:09 -0400
Subject: [PATCH] Refactor /devtools page to support metadata

---
 .../devtools/{page.jsx => DevToolsPageClient.jsx}   |  2 +-
 src/app/devtools/page.tsx                           | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)
 rename src/app/devtools/{page.jsx => DevToolsPageClient.jsx} (98%)
 create mode 100644 src/app/devtools/page.tsx

diff --git a/src/app/devtools/page.jsx b/src/app/devtools/DevToolsPageClient.jsx
similarity index 98%
rename from src/app/devtools/page.jsx
rename to src/app/devtools/DevToolsPageClient.jsx
index f5b93b51..26182453 100644
--- a/src/app/devtools/page.jsx
+++ b/src/app/devtools/DevToolsPageClient.jsx
@@ -13,7 +13,7 @@ import { CodeIcon } from 'lucide-react'
 import { getLogoById } from '@/lib/logoImports'
 import heroImage from '@/images/ai-hacking.webp' 
 
-export default function DevToolsIndex() {
+export default function DevToolsPageClient() {
   const router = useRouter();
   const allTools = getTools();
   const [filteredTools, setFilteredTools] = useState(allTools);
diff --git a/src/app/devtools/page.tsx b/src/app/devtools/page.tsx
new file mode 100644
index 00000000..98317905
--- /dev/null
+++ b/src/app/devtools/page.tsx
@@ -0,0 +1,13 @@
+import { Metadata } from 'next'
+import DevToolsPageClient from './DevToolsPageClient'
+import { getTools } from '@/lib/getTools'
+
+export const metadata: Metadata = {
+  title: 'AI-Assisted Developer Tools',
+  description: 'Compare different AI-assisted developer tools to find the best fit for your needs',
+}
+
+export default function DevToolsPage() {
+  const tools = getTools()
+  return <DevToolsPageClient initialTools={tools} />
+}
\ No newline at end of file