feat: add nofollow

Author: thedaviddias

apps/gallery/app/[platform]/[category]/[pattern]/[quality]/[id]/page.tsx

@@ -233,7 +233,7 @@ export default async function PatternDetailPage({ params }: PageProps) {
 								<a
 									href={entry.source.url}
 									target="_blank"
-									rel="noopener noreferrer"
+									rel="noopener noreferrer nofollow"
 									className="inline-flex items-center gap-2 px-4 py-2 bg-fd-primary text-fd-primary-foreground rounded-lg hover:bg-fd-primary/90 transition-colors ml-auto"
 								>
 									<span>View on {entry.website}</span>

apps/gallery/components/common/header.tsx

@@ -64,7 +64,7 @@ export function Header() {
 									key={social.label}
 									href={social.link}
 									target="_blank"
-									rel="noopener noreferrer"
+									rel="noopener noreferrer nofollow"
 									className={`text-fd-muted-foreground hover:text-fd-foreground transition-colors ${TRACKING_CLASSES.FOOTER_SOCIAL_CLICK}`}
 								>
 									{social.icon}

apps/gallery/components/entries/entry-modal.tsx

@@ -92,7 +92,7 @@ export function EntryModal({
 								<a
 									href={`https://${entry.website}`}
 									target="_blank"
-									rel="noopener noreferrer"
+									rel="noopener noreferrer nofollow"
 									className="inline-block hover:opacity-80 transition-opacity"
 								>
 									<WebsitePill

apps/gallery/components/stars/stars.tsx

@@ -45,7 +45,7 @@ export const Stars = ({
 				<a
 					href="https://github.com/thedaviddias/ux-patterns-for-developers"
 					target="_blank"
-					rel="noopener noreferrer"
+					rel="noopener noreferrer nofollow"
 					onClick={() => plausible(GALLERY_TRACKING_EVENTS.GITHUB_STAR_CLICK)}
 					className={className}
 					aria-label="Star on GitHub"

apps/gallery/lib/mdx-components.tsx

@@ -17,9 +17,20 @@ export function useMDXComponents(components: MDXComponents): MDXComponents {
 				);
 			}
 
-			// Default link behavior
+			// Check if it's an external link (not your own domains)
+			const isExternal =
+				href &&
+				typeof href === "string" &&
+				(href.startsWith("http://") || href.startsWith("https://")) &&
+				!href.includes("uxpatterns.dev") &&
+				!href.includes("kit.uxpatterns.dev") &&
+				!href.includes("thedaviddias.com");
+
+			// Add nofollow to external links
+			const rel = isExternal ? "nofollow" : undefined;
+
 			return (
-				<a href={href} {...props}>
+				<a href={href} rel={rel} {...props}>
 					{children}
 				</a>
 			);