prevent search engine indexing except for live

src/components/Seo.jsx

@@ -73,7 +73,8 @@ const MetaTags = ({
     image,
     schema,
     siteMeta,
-    article
+    article,
+    location
 }) => (
     <Helmet
         defaultTitle={siteMeta.siteTitle}
@@ -104,6 +105,11 @@ const MetaTags = ({
         <meta name="twitter:title" content={title} />
         <meta name="twitter:description" content={description} />
         <meta name="twitter:image" content={image} />
+
+        {/* Prevent search engine indexing except for live */}
+        {location.hostname !== 'docs.oceanprotocol.com' && (
+            <meta name="robots" content="noindex,nofollow" />
+        )}
     </Helmet>
 )
 
@@ -114,10 +120,11 @@ MetaTags.propTypes = {
     image: PropTypes.string,
     schema: PropTypes.string,
     siteMeta: PropTypes.object,
-    article: PropTypes.bool
+    article: PropTypes.bool,
+    location: PropTypes.object.isRequired
 }
 
-const SEO = ({ title, description, slug, article }) => (
+const SEO = ({ title, description, slug, article, location }) => (
     <StaticQuery
         query={query}
         render={data => {
@@ -149,6 +156,7 @@ const SEO = ({ title, description, slug, article }) => (
                     schema={schema}
                     siteMeta={siteMeta}
                     article={article}
+                    location={location}
                 />
             )
         }}
@@ -159,7 +167,8 @@ SEO.propTypes = {
     title: PropTypes.string,
     description: PropTypes.string,
     slug: PropTypes.string,
-    article: PropTypes.bool
+    article: PropTypes.bool,
+    location: PropTypes.object.isRequired
 }
 
 export default SEO

src/pages/404.jsx

@@ -45,7 +45,7 @@ export default class NotFoundPage extends Component {
     render() {
         return (
             <>
-                <SEO title="404 - Not Found" />
+                <SEO location={this.props.location} title="404 - Not Found" />
                 <Layout location={this.props.location}>
                     <Content>
                         <article className={styles.content}>

src/pages/index.jsx

@@ -55,7 +55,7 @@ SectionLink.propTypes = {
 
 const IndexPage = ({ data, location }) => (
     <>
-        <SEO />
+        <SEO location={location} />
 
         <Layout location={location} header={<HeaderHome />}>
             <Content>

src/templates/Doc.jsx

@@ -70,6 +70,7 @@ export default class DocTemplate extends Component {
                     description={description}
                     slug={slug}
                     article
+                    location={location}
                 />
 
                 <Layout location={location}>

src/templates/Swagger/index.jsx

@@ -84,6 +84,7 @@ export default class ApiSwaggerTemplate extends Component {
                     description={description}
                     slug={pageContext.slug}
                     article
+                    location={location}
                 />
 
                 <Layout location={location}>

src/templates/Typedoc/index.jsx

@@ -52,6 +52,7 @@ export default class TypedocTemplate extends Component {
                     description={description}
                     slug={pageContext.slug}
                     article
+                    location={location}
                 />
 
                 <Layout location={location}>