feat: add nofollow external links

thegalactiks · May 18, 2024 · 538cea5 · 538cea5
1 parent ae877b8
commit 538cea5
Show file tree

Hide file tree

Showing 3 changed files with 111 additions and 1 deletion.
diff --git a/contentlayer.config.js b/contentlayer.config.js
@@ -10,6 +10,8 @@ import {
 } from '@galactiks/contentlayer'
 import { makeSource } from 'contentlayer/source-files';
 import remarkGfm from 'remark-gfm';
+import rehypeExternalLinks from 'rehype-external-links';
+import rehypeSlug from 'rehype-slug';
 
 const contentLayerConfig = makeSource({
   contentDirPath: 'content',
@@ -24,7 +26,13 @@ const contentLayerConfig = makeSource({
     WebpageElementDocumentType,
   ],
   mdx: {
-    remarkPlugins: [remarkGfm],
+    remarkPlugins: [
+      remarkGfm,
+    ],
+    rehypePlugins: [
+      rehypeSlug,
+      [rehypeExternalLinks, { rel: ['noopener', 'noreferrer', 'nofollow'] }],
+    ],
   },
   disableImportAliasWarning: true,
 })

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -19,6 +19,8 @@
   "dependencies": {
     "@galactiks/contentlayer": "0.2.7",
     "contentlayer": "0.3.4",
+    "rehype-external-links": "2.1.0",
+    "rehype-slug": "5.1.0",
     "remark-gfm": "3.0.1"
   },
   "devDependencies": {