Add rel=nofollow for resource links

components/md-renderer/mdx-components/a.tsx

@@ -3,8 +3,8 @@ import styled from 'styled-components';
 
 type EnrichedLinkProps = {
   href: string;
-  children: React.ReactNode
-}
+  children: React.ReactNode;
+};
 
 const Link = styled.a`
   font-weight: 600;
@@ -13,14 +13,25 @@ const Link = styled.a`
 
 const EnrichedLink = (props: EnrichedLinkProps) => {
   // Is external URL or is a media URL
-  const isExternalUrl = /(^http(s)?:\/\/)|(\.(png|svg|jpeg|jpg)$)/.test(props.href);
+  const isExternalUrl = /(^http(s)?:\/\/)|(\.(png|svg|jpeg|jpg)$)/.test(
+    props.href
+  );
+
+  const linkProps: Record<string, string> = {
+    target: '_self',
+    ...(isExternalUrl
+      ? {
+          rel: 'nofollow',
+          target: '_blank',
+        }
+      : {}),
+  };
 
   return (
-    <Link href={props.href} target={isExternalUrl ? '_blank' : '_self'}>
+    <Link href={props.href} {...linkProps}>
       {props.children}
     </Link>
   );
 };
 
 export default EnrichedLink;
-

components/md-renderer/mdx-components/badge-link.tsx

@@ -6,16 +6,46 @@ type BadgeLinkType = {
   badgeText: string;
   href: string;
   colorScheme?: string;
-  children: React.ReactNode
+  children: React.ReactNode;
 };
 
 export function BadgeLink(props: BadgeLinkType) {
-  const { target = '_blank', colorScheme='purple', badgeText, href, children } = props;
+  const {
+    target = '_blank',
+    colorScheme = 'purple',
+    badgeText,
+    href,
+    children,
+  } = props;
+
+  // Is external URL or is a media URL
+  const isExternalUrl = /(^http(s)?:\/\/)|(\.(png|svg|jpeg|jpg)$)/.test(
+    props.href
+  );
+
+  const linkProps: Record<string, string> = {
+    ...(isExternalUrl
+      ? {
+          rel: 'nofollow',
+        }
+      : {}),
+  };
 
   return (
     <Text mb={'0px'}>
-      <Link fontSize='14px' color='blue.700' fontWeight={500} textDecoration='none' href={href} target={target} _hover={{ textDecoration: 'none', color: 'purple.400' }}>
-        <Badge fontSize='11px' mr='7px' colorScheme={colorScheme}>{badgeText}</Badge>
+      <Link
+        fontSize="14px"
+        color="blue.700"
+        fontWeight={500}
+        textDecoration="none"
+        href={href}
+        target={target}
+        _hover={{ textDecoration: 'none', color: 'purple.400' }}
+        {...linkProps}
+      >
+        <Badge fontSize="11px" mr="7px" colorScheme={colorScheme}>
+          {badgeText}
+        </Badge>
         {children}
       </Link>
     </Text>

scripts/sitemap.js

@@ -18,7 +18,7 @@ const xmlHeader = `<?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">`;
 
 // Wrap all pages in <urlset> tags
-const xmlUrlWrapper = nodes => `${xmlHeader}
+const xmlUrlWrapper = (nodes) => `${xmlHeader}
 ${nodes}
 </urlset>`;
 
@@ -28,23 +28,17 @@ function getSlugPriority(pageSlug) {
   }
 
   const slugPriorities = [
-    [
-      '/roadmaps',
-      '/guides',
-      '/watch',
-      '/podcasts'
-    ], // 1.0
+    ['/roadmaps', '/guides', '/watch', '/podcasts'], // 1.0
     ['/signup'], // 0.9
-    ['/about'] // 0.8
+    ['/about'], // 0.8
   ];
 
-  const foundIndex = slugPriorities.findIndex(
-    routes => routes.some(route => pageSlug.startsWith(route))
+  const foundIndex = slugPriorities.findIndex((routes) =>
+    routes.some((route) => pageSlug.startsWith(route))
   );
 
   if (foundIndex !== -1) {
-    return parseFloat((10 - foundIndex) / 10)
-      .toFixed(1);
+    return parseFloat((10 - foundIndex) / 10).toFixed(1);
   }
 
   return 0.5;
@@ -56,12 +50,12 @@ function getPageRoutes() {
       '**/_*.tsx', // private non-page files e.g. _document.js
       '**/[[]*[]].tsx', // Ignore dynamic pages i.e. `page/[something].js` files
       '**/[[]*[]]/*.tsx', // Ignore files inside dynamic pages i.e. `[something]/abc.js`
-      '**/components/*.tsx' // Ignore the component files
-    ]
+      '**/components/*.tsx', // Ignore the component files
+    ],
   });
 
   const pageRoutes = {};
-  files.forEach(file => {
+  files.forEach((file) => {
     const pageName = file.replace(PAGES_PATH, '').replace('.tsx', '');
     const pagePath = pageName.replace('/index', '') || '/';
 
@@ -78,7 +72,7 @@ function generateNode(nodeProps) {
     fileName,
     priority = null,
     date = null,
-    frequency = 'monthly'
+    frequency = 'monthly',
   } = nodeProps;
 
   const pagePath = path.join(basePath, fileName);
@@ -87,7 +81,7 @@ function generateNode(nodeProps) {
     pageStats = fs.lstatSync(pagePath);
   } catch (e) {
     console.log(`File not found: ${pagePath}`);
-    pageStats = { mtime: (new Date()) };
+    pageStats = { mtime: new Date() };
   }
 
   return `<url>
@@ -100,27 +94,25 @@ function generateNode(nodeProps) {
 
 function generateSiteMap() {
   const pageRoutes = getPageRoutes();
-  const pageSlugs = Object.keys(pageRoutes)
-    .filter(route => ![
-      '/privacy',
-      '/terms'
-    ].includes(route));
+  const pageSlugs = Object.keys(pageRoutes).filter(
+    (route) => !['/privacy', '/terms'].includes(route)
+  );
 
-  const pagesChunk = pageSlugs.map(pageSlug => {
+  const pagesChunk = pageSlugs.map((pageSlug) => {
     return generateNode({
       basePath: PAGES_DIR,
       fileName: `${pageRoutes[pageSlug].page}.tsx`,
-      slug: pageSlug
+      slug: pageSlug,
     });
   });
 
-  const guidesChunk = guides.map(guide => {
+  const guidesChunk = guides.map((guide) => {
     return generateNode({
       basePath: GUIDES_PATH,
       fileName: `${guide.id}.md`,
       slug: `/guides/${guide.id}`,
       date: guide.updatedAt,
-      priority: '1.0'
+      priority: '1.0',
     });
   });
 
@@ -130,21 +122,19 @@ function generateSiteMap() {
       fileName: roadmap.metaPath.replace('/roadmaps', ''),
       slug: `/${roadmap.id}`,
       date: roadmap.updatedAt,
-      priority: '1.0'
+      priority: '1.0',
     });
   });
 
-  const nodes = [
-    ...roadmapsChunk,
-    ...guidesChunk,
-    ...pagesChunk
-  ];
+  const nodes = [...roadmapsChunk, ...guidesChunk, ...pagesChunk];
 
   const sitemap = `${xmlUrlWrapper(nodes.join('\n'))}`;
 
   fs.writeFileSync(SITEMAP_PATH, sitemap);
 
-  console.log(`sitemap.xml with ${nodes.length} entries was written to ${SITEMAP_PATH}`);
+  console.log(
+    `sitemap.xml with ${nodes.length} entries was written to ${SITEMAP_PATH}`
+  );
 }
 
 generateSiteMap();