From 4a82611d829a56c8180bae575e98e8f75406a81a Mon Sep 17 00:00:00 2001
From: Travis Arnold <ftntravis@gmail.com>
Date: Tue, 8 Oct 2024 00:29:08 -0700
Subject: [PATCH] use dynamic guide links

---
 apps/site/guides/AllGuides.tsx | 10 ++++++++++
 apps/site/guides/index.mdx     |  5 +++--
 2 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 apps/site/guides/AllGuides.tsx

diff --git a/apps/site/guides/AllGuides.tsx b/apps/site/guides/AllGuides.tsx
new file mode 100644
index 00000000..8bbe3a40
--- /dev/null
+++ b/apps/site/guides/AllGuides.tsx
@@ -0,0 +1,10 @@
+import { GuidesCollection } from '@/collections'
+import { Card } from '@/components/Card'
+
+export function AllGuides() {
+  return GuidesCollection.getSources().then((sources) =>
+    sources.map((source, index) => (
+      <Card key={index} href={source.getPath()} label={source.getTitle()} />
+    ))
+  )
+}
diff --git a/apps/site/guides/index.mdx b/apps/site/guides/index.mdx
index 2974bc33..c7562a21 100644
--- a/apps/site/guides/index.mdx
+++ b/apps/site/guides/index.mdx
@@ -1,3 +1,5 @@
+import { AllGuides } from './AllGuides'
+
 export const metadata = {
   title: 'Guides',
   description:
@@ -5,8 +7,7 @@ export const metadata = {
 }
 
 <Row>
-  <Card href="/guides/next" label="Next.js" />
-  <Card href="/guides/waku" label="Waku" />
+  <AllGuides />
 </Row>
 
 Don't see a guide for the library you use? [Request a guide](https://github.com/souporserious/renoun/issues/new?title=requesting%20a%20guide%20for%20%3Cframework-here%3E) and we'll help you get started!