diff --git a/client/src/components/Header/index.js b/client/src/components/Header/index.js
index 5b055b7b65..28f04d58d2 100644
--- a/client/src/components/Header/index.js
+++ b/client/src/components/Header/index.js
@@ -1,11 +1,11 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Link } from 'gatsby';
 import Media from 'react-media';
 import FCCSearch from 'react-freecodecamp-search';
 
 import NavLogo from './components/NavLogo';
 import UserState from './components/UserState';
+import { Link } from '../helpers';
 
 import './header.css';
 
@@ -61,14 +61,14 @@ class Header extends Component {
               <Link to='/learn'>Learn</Link>
             </li>
             <li>
-              <a href='/forum' rel='noopener noreferrer' target='_blank'>
+              <Link external={true} to='/forum'>
                 Forum
-              </a>
+              </Link>
             </li>
             <li>
-              <a href='/news' rel='noopener noreferrer' target='_blank'>
+              <Link external={true} to='/news'>
                 News
-              </a>
+              </Link>
             </li>
             <li className='user-state-link'>
               <UserState disableSettings={disableSettings} />
diff --git a/client/src/pages/about.js b/client/src/pages/about.js
index e45438e1e2..66893f3c81 100644
--- a/client/src/pages/about.js
+++ b/client/src/pages/about.js
@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import React, { Fragment } from 'react';
 import Helmet from 'react-helmet';
 import { Grid, Col, Row, Table } from '@freecodecamp/react-bootstrap';
diff --git a/client/src/pages/accept-privacy-terms.js b/client/src/pages/accept-privacy-terms.js
index 314a1c2887..28e6c5c9d9 100644
--- a/client/src/pages/accept-privacy-terms.js
+++ b/client/src/pages/accept-privacy-terms.js
@@ -14,7 +14,7 @@ import {
 import Helmet from 'react-helmet';
 import { createSelector } from 'reselect';
 
-import { ButtonSpacer, Spacer } from '../components/helpers';
+import { ButtonSpacer, Spacer, Link } from '../components/helpers';
 import { acceptTerms, userSelector } from '../redux';
 import createRedirect from '../components/createRedirect';
 
@@ -103,13 +103,9 @@ class AcceptPrivacyTerms extends Component {
                     onChange={this.createHandleChange('termsOfService')}
                   >
                     I accept the{' '}
-                    <a
-                      href='https://www.freecodecamp/terms'
-                      rel='noopener noreferrer'
-                      target='_blank'
-                    >
+                    <Link external={true} to='/terms-of-service'>
                       terms of service
-                    </a>{' '}
+                    </Link>{' '}
                     (required)
                   </Checkbox>
                 </FormGroup>
@@ -125,13 +121,9 @@ class AcceptPrivacyTerms extends Component {
                     onChange={this.createHandleChange('privacyPolicy')}
                   >
                     I accept the{' '}
-                    <a
-                      href='https://www.freecodecamp/privacy'
-                      rel='noopener noreferrer'
-                      target='_blank'
-                    >
+                    <Link external={true} to='/privacy-policy'>
                       privacy policy
-                    </a>{' '}
+                    </Link>{' '}
                     (required)
                   </Checkbox>
                 </FormGroup>
diff --git a/client/src/pages/code-of-conduct.js b/client/src/pages/code-of-conduct.js
index 59cd70ec10..8d9ac820fe 100644
--- a/client/src/pages/code-of-conduct.js
+++ b/client/src/pages/code-of-conduct.js
@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import React, { Fragment } from 'react';
 import Helmet from 'react-helmet';
 import { Grid, Col, Row } from '@freecodecamp/react-bootstrap';
diff --git a/client/src/pages/donate-other.js b/client/src/pages/donate-other.js
index ee3bdfdf0c..da22f26386 100644
--- a/client/src/pages/donate-other.js
+++ b/client/src/pages/donate-other.js
@@ -1,11 +1,9 @@
-/* eslint-disable max-len */
 import React, { Component, Fragment } from 'react';
 import Helmet from 'react-helmet';
-import { Link } from 'gatsby';
 import { Grid, Col, Row } from '@freecodecamp/react-bootstrap';
 
 import ReactGA from '../analytics/index.js';
-import Spacer from '../components/helpers/Spacer';
+import { Link, Spacer } from '../components/helpers';
 
 const paypalMonthlyDonations = [
   {
diff --git a/client/src/pages/donate.js b/client/src/pages/donate.js
index d46e8de5f9..8b073fa38b 100644
--- a/client/src/pages/donate.js
+++ b/client/src/pages/donate.js
@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import React, { Component, Fragment } from 'react';
 import Helmet from 'react-helmet';
 import { StripeProvider, Elements } from 'react-stripe-elements';
diff --git a/client/src/pages/guide.js b/client/src/pages/guide.js
index 6eff5c75de..5f1150d012 100644
--- a/client/src/pages/guide.js
+++ b/client/src/pages/guide.js
@@ -1,5 +1,6 @@
 import React, { Fragment } from 'react';
 import Helmet from 'react-helmet';
+import { Link } from '../components/helpers';
 
 function Index() {
   return (
@@ -13,10 +14,9 @@ function Index() {
       </Helmet>
       <h2>freeCodeCamp Guide</h2>
       <p>
-        {'This website is full of articles about all things related to ' +
-          'programming. You can use the search bar above to find something ' +
-          'you would like to learn about, or use the navigation to explore ' +
-          'the content.'}
+        This website is full of articles about all things related to
+        programming. You can use the search bar above to find something would
+        like to learn about, or use the navigation to explore the content.
       </p>
       <p>There are articles on:</p>
       <ul>
@@ -29,29 +29,18 @@ function Index() {
       </ul>
       <h3>Not sure where to start?</h3>
       <p>
-        {"If you want to learn programming but you're not sure where to " +
-          'start, check out '}
-        <a
-          href='https://freecodecamp.org'
-          rel='noopener noreferrer'
-          target='_blank'
-        >
-          freeCodeCamp.org
-        </a>
-        {'. It has a curriculum that starts from zero and helps you learn' +
-          ' to code.'}
+        If you want to learn programming but you're not sure where to start,
+        check out <Link to='https://freecodecamp.org'>freeCodeCamp.org</Link>.
+        It has a curriculum that starts from zero and helps you learn to code.
       </p>
       <h3>Contribute to the Guide</h3>
       <p>
-        {'This site and the articles on it are '}
-        <a
-          href='https://github.com/freeCodeCamp/freeCodeCamp'
-          rel='noopener noreferrer'
-          target='_blank'
-        >
-          open source
-        </a>
-        {'. Your help in making it better is greatly appreciated!'}
+        This site and the articles on it are{' '}
+        <Link to='https://github.com/freeCodeCamp/freeCodeCamp'>
+          {' '}
+          open source{' '}
+        </Link>{' '}
+        . Your help in making it better is greatly appreciated!
       </p>
       <hr />
       <p>Happy coding!</p>
diff --git a/client/src/pages/index.js b/client/src/pages/index.js
index b2c30af981..a3b2f50302 100644
--- a/client/src/pages/index.js
+++ b/client/src/pages/index.js
@@ -12,7 +12,7 @@ import {
 import { faDatabase } from '@fortawesome/free-solid-svg-icons';
 import Helmet from 'react-helmet';
 
-import { Spacer } from '../components/helpers';
+import { Link, Spacer } from '../components/helpers';
 import Login from '../components/Header/components/Login';
 
 import './index.css';
@@ -227,14 +227,9 @@ const IndexPage = () => (
       <p className='large-p'>
         Donations to freeCodeCamp go toward our education initiatives, and help
         pay for servers, services, and staff. You can{' '}
-        <a
-          className='large-p underlined-link'
-          href='/donate'
-          rel='noopener noreferrer'
-          target='_blank'
-        >
+        <Link className='large-p underlined-link' external={true} to='/donate'>
           make a tax-deductible donation here
-        </a>
+        </Link>
       </p>
       .<Spacer />
       <BigCallToAction />
diff --git a/client/src/pages/learn.js b/client/src/pages/learn.js
index 039850f6c7..bb1df281ee 100644
--- a/client/src/pages/learn.js
+++ b/client/src/pages/learn.js
@@ -1,7 +1,7 @@
 /* eslint-disable max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Link, graphql } from 'gatsby';
+import { graphql } from 'gatsby';
 import Helmet from 'react-helmet';
 import { connect } from 'react-redux';
 
@@ -12,7 +12,7 @@ import {
 } from '../redux/propTypes';
 
 import LearnLayout from '../components/layouts/Learn';
-import Spacer from '../components/helpers/Spacer';
+import { Link, Spacer } from '../components/helpers';
 import Map from '../components/Map';
 
 import './learn.css';
@@ -49,9 +49,9 @@ const IndexPage = ({
       <p>
         And yes - all of this is 100% free, thanks to the thousands of campers
         who{' '}
-        <a href='/donate' rel='noopener noreferrer' target='_blank'>
+        <Link external={true} to='/donate'>
           donate
-        </a>{' '}
+        </Link>{' '}
         to our nonprofit.
       </p>
       <p>
diff --git a/client/src/pages/privacy-policy.js b/client/src/pages/privacy-policy.js
index 05d3bf96eb..39993e9eba 100644
--- a/client/src/pages/privacy-policy.js
+++ b/client/src/pages/privacy-policy.js
@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import React, { Fragment } from 'react';
 import Helmet from 'react-helmet';
 import { Grid, Col, Row } from '@freecodecamp/react-bootstrap';
diff --git a/client/src/pages/software-resources-for-nonprofits.js b/client/src/pages/software-resources-for-nonprofits.js
index c298d4114e..412520c2c8 100644
--- a/client/src/pages/software-resources-for-nonprofits.js
+++ b/client/src/pages/software-resources-for-nonprofits.js
@@ -3,7 +3,7 @@ import { Grid } from '@freecodecamp/react-bootstrap';
 import Helmet from 'react-helmet';
 
 import FullWidthRow from '../components/helpers/FullWidthRow';
-import { Spacer } from '../components/helpers';
+import { Spacer, Link } from '../components/helpers';
 
 function SoftwareResourcesForNonProfits() {
   return (
@@ -26,287 +26,129 @@ function SoftwareResourcesForNonProfits() {
           <h3>Skills-based Volunteer Organizations:</h3>
           <ul>
             <li>
-              <a
-                href='http://givecamp.org/'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Give Camp
-              </a>
+              <Link to='http://givecamp.org/'>Give Camp</Link>
             </li>
             <li>
-              <a
-                href='http://www.volunteermatch.com'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
+              <Link to='http://www.volunteermatch.com'>
                 Volunteer Match.com
-              </a>
+              </Link>
             </li>
             <li>
-              <a
-                href='http://www.catchafire.org'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Catchafire
-              </a>
+              <Link to='http://www.catchafire.org'>Catchafire</Link>
             </li>
             <li>
-              <a
-                href='http://anyonecanhaveawebsite.com'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
+              <Link to='http://anyonecanhaveawebsite.com'>
                 Anyone Can Have A Website
-              </a>
+              </Link>
             </li>
           </ul>
           <h3>Building a website:</h3>
           <ul>
             <li>
-              <a
-                href='https://www.youtube.com/watch?v=4AXDKWuY9QM'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
+              <Link to='https://www.youtube.com/watch?v=4AXDKWuY9QM'>
                 How to build and deploy a website without writing any code for
                 free
-              </a>
+              </Link>
             </li>
             <li>
-              <a
-                href='http://www.wix.com/'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Wix
-              </a>
+              <Link to='http://www.wix.com/'>Wix</Link>
             </li>
             <li>
-              <a
-                href='https://www.squarespace.com/'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Square Space
-              </a>
+              <Link to='https://www.squarespace.com/'>Square Space</Link>
             </li>
             <li>
-              <a
-                href='https://wordpress.com/'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                WordPress
-              </a>
+              <Link to='https://wordpress.com/'>WordPress</Link>
             </li>
             <li>
-              <a
-                href='https://xprs.imcreator.com'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Imcreator.com
-              </a>
+              <Link to='https://xprs.imcreator.com'>Imcreator.com</Link>
             </li>
           </ul>
           <h3>Donor and Volunteer Management Systems:</h3>
           <ul>
             <li>
-              <a
-                href='http://causesignal.com'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Cause Signal
-              </a>
+              <Link to='http://causesignal.com'>Cause Signal</Link>
             </li>
             <li>
-              <a
-                href='https://www.thedatabank.com/'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                The Data Bank
-              </a>
+              <Link to='https://www.thedatabank.com/'>The Data Bank</Link>
             </li>
             <li>
-              <a
-                href='http://www.donorsnap.com/'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Donor Snap
-              </a>
+              <Link to='http://www.donorsnap.com/'>Donor Snap</Link>
             </li>
             <li>
-              <a
-                href='http://www.donorperfect.com/'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Donor Perfect
-              </a>
+              <Link to='http://www.donorperfect.com/'>Donor Perfect</Link>
             </li>
             <li>
-              <a
-                href={
+              <Link
+                to={
                   'https://www.blackbaud.com/fundraising-crm/etapestry-donor' +
                   '-management'
                 }
-                rel='noopener noreferrer'
-                target='_blank'
               >
                 E Tapestry
-              </a>
+              </Link>
             </li>
             <li>
-              <a
-                href='http://www.z2systems.com'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Z2 Systems
-              </a>
+              <Link to='http://www.z2systems.com'>Z2 Systems</Link>
             </li>
             <li>
-              <a
-                href='http://www.regpacks.com/volunteer-management'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
+              <Link to='http://www.regpacks.com/volunteer-management'>
                 Reg Packs
-              </a>
+              </Link>
             </li>
             <li>
-              <a
-                href='http://sumac.com'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Sumac
-              </a>
+              <Link to='http://sumac.com'>Sumac</Link>
             </li>
             <li>
-              <a
-                href='http://www.volgistics.com'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Volgistics
-              </a>
+              <Link to='http://www.volgistics.com'>Volgistics</Link>
             </li>
           </ul>
           <h3>Inventory Management Systems:</h3>
           <ul>
             <li>
-              <a
-                href='https://www.ordoro.com'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Ordoro
-              </a>
+              <Link to='https://www.ordoro.com'>Ordoro</Link>
             </li>
             <li>
-              <a
-                href='http://www.unleashedsoftware.com'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
+              <Link to='http://www.unleashedsoftware.com'>
                 Unleashed Software
-              </a>
+              </Link>
             </li>
             <li>
-              <a
-                href='https://www.ezofficeinventory.com/industries/non-profits'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
+              <Link to='https://www.ezofficeinventory.com/industries/non-profits'>
                 EZ Office Inventory
-              </a>
+              </Link>
             </li>
           </ul>
           <h3>E-Learning platforms:</h3>
           <ul>
             <li>
-              <a
-                href='http://www.dokeos.com'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Dokeos
-              </a>
+              <Link to='http://www.dokeos.com'>Dokeos</Link>
             </li>
             <li>
-              <a
-                href='http://www.efrontlearning.net/'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                E Front Learning
-              </a>
+              <Link to='http://www.efrontlearning.net/'>E Front Learning</Link>
             </li>
             <li>
-              <a
-                href='https://moodle.org/'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Moodle
-              </a>
+              <Link to='https://moodle.org/'>Moodle</Link>
             </li>
             <li>
-              <a
-                href='https://sakaiproject.org/'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Sakai Project
-              </a>
+              <Link to='https://sakaiproject.org/'>Sakai Project</Link>
             </li>
           </ul>
           <h3>Community Management:</h3>
           <ul>
             <li>
-              <a
-                href='https://civicrm.org/'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                CiviCRM
-              </a>
+              <Link to='https://civicrm.org/'>CiviCRM</Link>
             </li>
             <li>
-              <a
-                href='http://tcmgr.com/'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Total Community Manager
-              </a>
+              <Link to='http://tcmgr.com/'>Total Community Manager</Link>
             </li>
           </ul>
           <h3>Electronic Forms:</h3>
           <ul>
             <li>
-              <a
-                href='http://www.google.com/forms'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Google Forms
-              </a>
+              <Link to='http://www.google.com/forms'>Google Forms</Link>
             </li>
             <li>
-              <a
-                href='http://www.typeform.com'
-                rel='noopener noreferrer'
-                target='_blank'
-              >
-                Typeform
-              </a>
+              <Link to='http://www.typeform.com'>Typeform</Link>
             </li>
           </ul>
         </FullWidthRow>
diff --git a/client/src/pages/sponsors.js b/client/src/pages/sponsors.js
index 1ba621040c..3a3d898f0e 100644
--- a/client/src/pages/sponsors.js
+++ b/client/src/pages/sponsors.js
@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import React, { Fragment } from 'react';
 import Helmet from 'react-helmet';
 import { Grid, Col, Row } from '@freecodecamp/react-bootstrap';
@@ -10,7 +9,12 @@ import './sponsors.css';
 const SponsorsPage = () => {
   return (
     <Fragment>
-      <Helmet title='Sponsors who help freeCodeCamp through financial and in-kind sponsorship | freeCodeCamp.org' />
+      <Helmet
+        title={
+          'Sponsors who help freeCodeCamp through financial and in-kind ' +
+          'sponsorship | freeCodeCamp.org'
+        }
+      />
       <Spacer />
       <Grid>
         <Row className='text-center'>
diff --git a/client/src/pages/support.js b/client/src/pages/support.js
index 180bede934..d14a970e2a 100644
--- a/client/src/pages/support.js
+++ b/client/src/pages/support.js
@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import React, { Fragment } from 'react';
 import Helmet from 'react-helmet';
 import { Grid, Col, Row } from '@freecodecamp/react-bootstrap';
diff --git a/client/src/pages/terms-of-service.js b/client/src/pages/terms-of-service.js
index 6861baf597..07e1bb246d 100644
--- a/client/src/pages/terms-of-service.js
+++ b/client/src/pages/terms-of-service.js
@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import React, { Fragment } from 'react';
 import Helmet from 'react-helmet';
 import { Grid, Col, Row } from '@freecodecamp/react-bootstrap';