title: Removing references to Gatsby
body: <p>How can I safely remove all references to Gatsby in a Gatsby-built static site?</p>
  
  <p>For example, the default <code>html.js</code> (in <code>.cache/default-html.js</code>) contains:</p>
  
  <pre><code>import React from "react"
  import PropTypes from "prop-types"
  
  export default function HTML(props) {
    return (
      &lt;html {...props.htmlAttributes}&gt;
        &lt;head&gt;
          &lt;meta charSet="utf-8" /&gt;
          &lt;meta httpEquiv="x-ua-compatible" content="ie=edge" /&gt;
          &lt;meta
            name="viewport"
            content="width=device-width, initial-scale=1, shrink-to-fit=no"
          /&gt;
          {props.headComponents}
        &lt;/head&gt;
        &lt;body {...props.bodyAttributes}&gt;
          {props.preBodyComponents}
          &lt;noscript key="noscript" id="gatsby-noscript"&gt;
            This app works best with JavaScript enabled.
          &lt;/noscript&gt;
          &lt;div
            key={`body`}
            id="___gatsby"
            dangerouslySetInnerHTML={{ __html: props.body }}
          /&gt;
          {props.postBodyComponents}
        &lt;/body&gt;
      &lt;/html&gt;
    )
  }
  
  HTML.propTypes = {
    htmlAttributes: PropTypes.object,
    headComponents: PropTypes.array,
    bodyAttributes: PropTypes.object,
    preBodyComponents: PropTypes.array,
    body: PropTypes.string,
    postBodyComponents: PropTypes.array,
  }
  </code></pre>
  
  <p>And this results in <code>&lt;div id="___gatsby"&gt;&lt;div style="outline:none" tabindex="-1" role="group" id="gatsby-focus-wrapper"&gt;</code> in the source code of each of my pages.</p>
  
  <p>I want to remove the string <code>gatsby</code> from all of my pages that is included by default (and not ones where I explicitly add it in - for example, I might add <code>&lt;div&gt;This site was built by gatsby&lt;/div&gt;</code> to the page footer).</p>