diff --git a/web/components/markdown.tsx b/web/components/markdown.tsx
index 19286cb..d953b76 100644
--- a/web/components/markdown.tsx
+++ b/web/components/markdown.tsx
@@ -2,18 +2,40 @@ import {LovePage} from "web/components/love-page";
 import {Col} from "web/components/layout/col";
 import ReactMarkdown from "react-markdown";
 import React from "react";
+import Link from "next/link";
 
 type Props = {
   content: string;
   filename: string;
 };
 
-export default function MarkdownPage({ content, filename }: Props) {
+const MarkdownLink = ({href, children}: { href?: string; children: React.ReactNode }) => {
+  if (!href) return <>{children}</>
+
+  // If href is internal, use Next.js Link
+  if (href.startsWith('/')) {
+    return <Link href={href}>{children}</Link>
+  }
+
+  // For external links, fall back to <a>
+  return (
+    <a href={href} target="_blank" rel="noopener noreferrer">
+      {children}
+    </a>
+  )
+}
+
+export default function MarkdownPage({content, filename}: Props) {
   return (
     <LovePage trackPageView={filename} className={'col-span-8'}>
       <Col className="items-center">
         <Col className='bg-canvas-0 w-full rounded px-3 py-4 sm:px-6 space-y-4 customlink'>
-          <ReactMarkdown>{content}</ReactMarkdown>
+          <ReactMarkdown
+            components={{
+              a: ({node, ...props}) => <MarkdownLink {...props} />
+            }}
+          >{content}
+          </ReactMarkdown>
         </Col>
       </Col>
     </LovePage>