diff --git a/.starters/default/content/1.introduction/4.configuration.md b/.starters/default/content/1.introduction/4.configuration.md
index 9cd3805d2..8ae3ac89c 100644
--- a/.starters/default/content/1.introduction/4.configuration.md
+++ b/.starters/default/content/1.introduction/4.configuration.md
@@ -92,6 +92,7 @@ export default defineAppConfig({
 | `socials.[social].label`     | `string`   |                  | A label to use for the social                                                                        |
 | `socials.[social].icon`      | `string`   |                  | A icon to use for the social                                                                         |
 | `socials.[social].href`      | `string`   |                  | A link to use for the social                                                                         |
+| `socials.[social].rel`       | `string`   | `noopener noreferrer` | A space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types) |
 | **Header**                   |            |                  |                                                                                                      |
 | `header`                     | `object`   |                  | Header configuration                                                                                 |
 | `header.logo`                | `boolean`  |                  | Whether or not to use `Logo.vue` as the header logo                                                  |
diff --git a/components/app/AppSocialIcons.vue b/components/app/AppSocialIcons.vue
index f4a68eddd..ac247d647 100644
--- a/components/app/AppSocialIcons.vue
+++ b/components/app/AppSocialIcons.vue
@@ -12,7 +12,8 @@ const icons = computed<any>(() => {
         return {
           href: `https://${key}.com/${value}`,
           icon: `fa-brands:${key}`,
-          label: value
+          label: value,
+          rel: 'noopener noreferrer'
         }
       } else {
         return null
@@ -26,7 +27,7 @@ const icons = computed<any>(() => {
   <NuxtLink
     v-for="icon in icons"
     :key="icon.label"
-    rel="noopener noreferrer"
+    :rel="icon.rel"
     :title="icon.label"
     :aria-label="icon.label"
     :href="icon.href"