diff --git a/src/components/anchor.tsx b/src/components/anchor.tsx
index 7b15165..a1d11b6 100644
--- a/src/components/anchor.tsx
+++ b/src/components/anchor.tsx
@@ -6,12 +6,22 @@ import { HTMLAttributes } from 'react'
 
 export interface Props extends HTMLAttributes<HTMLAnchorElement> {
   href: string | UrlObject
+  /**
+   * Whether the type of the anchor is for external or internal links.
+   *
+   * @default false
+   */
+  isExternal?: boolean
 }
 
-export default function Anchor({ href, children, ...rest }: Props) {
-  return (
+export default function Anchor({ href, isExternal = false, children, ...rest }: Props) {
+  return !isExternal ? (
     <Link className="underline hover:text-foreground/80" href={href} {...rest}>
       {children}
     </Link>
+  ) : (
+    <a className="underline hover:text-foreground/80" href={href.toString()} {...rest}>
+      {children}
+    </a>
   )
 }
diff --git a/src/components/blocks/footer/footer.tsx b/src/components/blocks/footer/footer.tsx
index 0e57b3e..fd1c54c 100644
--- a/src/components/blocks/footer/footer.tsx
+++ b/src/components/blocks/footer/footer.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import Anchor from '@/components/anchor'
 import Package from '../../../../package.json'
 
@@ -6,7 +8,10 @@ export default function Footer() {
     <footer className="flex flex-col gap-1 items-center mb-8 text-xs md:text-base">
       <p className="font-semibold text-center">Site Version: {Package.version}</p>
       <p className="font-semibold text-center">
-        Created with ❤️ by <Anchor href={Package.author.url}>{Package.author.nickname}</Anchor>
+        Created with ❤️ by{' '}
+        <Anchor href={Package.author.url} isExternal>
+          {Package.author.nickname}
+        </Anchor>
       </p>
     </footer>
   )