gatsby-config.js를 웹에서 접근하지 못하도록 변경

Disqus에서 해당 파일을 로드하는 것 때문에, dotenv를 웹에서 로드해서 fs
패키지를 찾지 못한다는 에러가 발생하였다.

항상 siteMetadata는 graphql을 통해서 하도록 한다

package.json

@@ -23,7 +23,6 @@
   "author": "Bang Yongbae <ybbarng@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "dotenv": "4.0.0",
     "gatsby": "^1.9.82",
     "gatsby-link": "^1.6.22",
     "gatsby-plugin-catch-links": "^1.0.5",
@@ -52,6 +51,7 @@
   },
   "devDependencies": {
     "babel-eslint": "^7.2.3",
+    "dotenv": "4.0.0",
     "eslint": "^3.x",
     "eslint-config-airbnb": "^13.0.0",
     "eslint-plugin-import": "^2.2.x",

src/components/Disqus/Disqus.jsx

@@ -1,7 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ReactDisqusComments from 'react-disqus-comments';
-import config from '../../../gatsby-config';
 import { getPath } from '../../utils';
 import Post from '../../models/post';
 
@@ -25,14 +24,14 @@ class Disqus extends Component {
     this.setState({ toasts });
   }
   render() {
-    const { post } = this.props;
-    if (!config.siteMetadata.disqusShortname) {
+    const { post, siteMetadata } = this.props;
+    if (!siteMetadata.disqusShortname) {
       return null;
     }
-    const url = config.siteMetadata.url + encodeURI(getPath(Post, post.slug));
+    const url = siteMetadata.url + encodeURI(getPath(Post, post.slug));
     return (
       <ReactDisqusComments
-        shortname={config.siteMetadata.disqusShortname}
+        shortname={siteMetadata.disqusShortname}
         identifier={post.datetime}
         title={post.title}
         url={url}

src/components/PostTemplateDetails/index.jsx

@@ -36,7 +36,7 @@ class PostTemplateDetails extends React.Component {
 
     const commentsBlock = (
       <div>
-        <Disqus post={post} />
+        <Disqus post={post} siteMetadata={this.props.data.site.siteMetadata} />
       </div>
     );
 

src/templates/post-template.jsx

@@ -47,6 +47,8 @@ export const pageQuery = graphql`
           name
           about
         }
+        disqusShortname
+        url
       }
     }
     contentfulPost (id: { eq: $id }) {