fix: added rel="noopener noreferrer" to external links for security a…

…nd privacy
denoland · Jan 28, 2025 · 664e3e9 · 664e3e9
1 parent d6ad2c2
commit 664e3e9
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 0 deletions.
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -66,6 +66,7 @@ export default function Footer() {
         <a
           href="https://discord.gg/deno"
           target="_blank"
+          rel="noopener noreferrer"
           aria-label="Deno SaaSKit on Discord"
           class="link-styles"
         >
@@ -74,6 +75,7 @@ export default function Footer() {
         <a
           href="https://github.com/denoland/saaskit"
           target="_blank"
+          rel="noopener noreferrer"
           aria-label="Deno SaaSKit repo on GitHub"
           class="link-styles"
         >

diff --git a/islands/ItemsList.tsx b/islands/ItemsList.tsx
@@ -99,6 +99,7 @@ function ItemSummary(props: ItemSummaryProps) {
             class="hover:underline text-gray-500 after:content-['_↗']"
             href={props.item.url}
             target="_blank"
+            rel="noopener noreferrer"
           >
             {new URL(props.item.url).host}
           </a>

diff --git a/plugins/blog/components/Share.tsx b/plugins/blog/components/Share.tsx
@@ -19,6 +19,7 @@ export default function Share(props: { url: URL; title: string }) {
           encodeURIComponent(props.url.href)
         }`}
         target="_blank"
+        rel="noopener noreferrer"
         aria-label={`Share ${props.title} on Facebook`}
       >
         <IconBrandFacebook />
@@ -28,6 +29,7 @@ export default function Share(props: { url: URL; title: string }) {
           encodeURIComponent(props.url.href)
         }&title=${encodeURIComponent(props.title)}`}
         target="_blank"
+        rel="noopener noreferrer"
         aria-label={`Share ${props.title} on LinkedIn`}
       >
         <IconBrandLinkedin />
@@ -37,6 +39,7 @@ export default function Share(props: { url: URL; title: string }) {
           encodeURIComponent(props.url.href)
         }&title=${encodeURIComponent(props.title)}`}
         target="_blank"
+        rel="noopener noreferrer"
         aria-label={`Share ${props.title} on Reddit`}
       >
         <IconBrandReddit />
@@ -46,6 +49,7 @@ export default function Share(props: { url: URL; title: string }) {
           encodeURIComponent(props.url.href)
         }&text=${encodeURIComponent(props.title)}`}
         target="_blank"
+        rel="noopener noreferrer"
         aria-label={`Share ${props.title} on Twitter`}
       >
         <IconBrandTwitter />

diff --git a/routes/users/[login].tsx b/routes/users/[login].tsx
@@ -27,6 +27,7 @@ function UserProfile(props: UserProfileProps) {
           aria-label={`${props.login}'s GitHub profile`}
           class="link-styles"
           target="_blank"
+          rel="noopener noreferrer"
         >
           <IconBrandGithub class="w-6" />
         </a>