Start of migration.

.eslintrc.json

@@ -14,7 +14,7 @@
     },
     "settings": {
         "import/resolver": "webpack",
-        "import/core-modules": ["gatsby-helpers", "config"]
+        "import/core-modules": []
     },
     "env": {
         "browser": true

.gitignore

@@ -50,6 +50,7 @@ jspm_packages
 
 # Build Files
 public/
+.cache/
 
 # Gatsby context
 .gatsby-context.js

gatsby-config.js

@@ -0,0 +1,22 @@
+module.exports = {
+  siteMetadata: {
+    siteTitle: 'Gatsby Material Starter',
+    linkPrefix: '/gatsby-material-starter',
+    googleAnalyticsID: 'UA-47311644-4',
+    disqusShortname: 'https-vagr9k-github-io-gatsby-material-starter',
+    postDefaultCategoryID: '12121212',
+    userName: 'Material User',
+    userLocation: 'Yerevan, Armenia',
+    userAvatar: 'https://api.adorable.io/avatars/150/test.png',
+    userDescription: "Yeah, I like animals better than people sometimes... Especially dogs. Dogs are the best. Every time you come home, they act like they haven't seen you in a year. And the good thing about dogs... is they got different dogs for different people.",
+    userLinks: [
+     ['Website', '//mywebsite.example.local', 'fa fa-link'],
+     ['GitHub', '//github.com.local/USER', 'fa fa-github'],
+     ['Twitter', '//twitter.local/USER', 'fa fa-twitter'],
+     ['Instagram', '//instagram.local/USER', 'fa fa-instagram'],
+     ['Facebook', '//facebook.com.local/USER', 'fa fa-facebook'],
+     ['Email', 'mailto:gmail.com.local/USER', 'fa fa-envelope'],
+    ],
+    copyright: 'Copyright © 2017. Material User',
+  },
+};

package.json

@@ -5,10 +5,9 @@
   "author": "Ruben Harutyunyan",
   "dependencies": {
     "font-awesome": "^4.7.0",
-    "gatsby": "^0.12.45",
+    "gatsby": "next",
+    "gatsby-link": "next",
     "react-disqus-comments": "^1.0.3",
-    "react-ga": "^2.2.0",
-    "react-helmet": "^5.0.3",
     "react-md": "^1.1.0-alpha-5"
   },
   "devDependencies": {
@@ -36,4 +35,4 @@
     "lint": "eslint --ext .js,.jsx --ignore-pattern public .",
     "gh-deploy": "npm run clean && npm run build-pl && gh-pages -d public"
   }
-}
+}

components/Navigation/NavList.jsx → src/components/Navigation/NavList.jsx

@@ -1,15 +1,14 @@
 import React from 'react';
 import FontIcon from 'react-md/lib/FontIcons';
-import { browserHistory } from 'react-router';
-import { prefixLink } from 'gatsby-helpers';
+import { browserHistory } from 'gatsby-link';
 import { config } from 'config';
 
 const NavList = [{
   divider: false,
   subheader: false,
   primaryText: 'Home',
   leftIcon: <FontIcon>home</FontIcon>,
-  onClick: () => browserHistory.push(prefixLink('/')),
+  onClick: () => browserHistory.push('/'),
 }, {
   divider: true,
 },
@@ -37,8 +36,10 @@ NavList.push(
     subheader: false,
     primaryText: 'About',
     leftIcon: <FontIcon>person</FontIcon>,
-    onClick: () => browserHistory.push(prefixLink('/about/')),
+    onClick: () => browserHistory.push('/about/'),
   },
   );
 
 export default NavList;
+
+// TODO: Does browserhistory have prefixLink?

components/PostPreview/PostPreview.jsx → src/components/PostPreview/PostPreview.jsx

@@ -4,8 +4,7 @@ import CardTitle from 'react-md/lib/Cards/CardTitle';
 import Button from 'react-md/lib/Buttons';
 import Avatar from 'react-md/lib/Avatars';
 import FontIcon from 'react-md/lib/FontIcons';
-import { Link } from 'react-router';
-import { prefixLink } from 'gatsby-helpers';
+import { Link } from 'gatsby-link';
 import Media, { MediaOverlay } from 'react-md/lib/Media';
 import PostTags from '../PostTags/PostTags.jsx';
 
@@ -15,7 +14,7 @@ class PostPreview extends Component {
     const { postInfo } = this.props;
     return (
       <Card key={postInfo.path} raise className="md-grid md-cell md-cell--4">
-        <Link style={{ textDecoration: 'none' }} to={prefixLink(postInfo.path)}>
+        <Link style={{ textDecoration: 'none' }} to={postInfo.path}>
           <Media>
             <img src={postInfo.cover} alt={postInfo.title} />
             <MediaOverlay>

components/PostTags/PostTags.jsx → src/components/PostTags/PostTags.jsx

@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
-import { Link } from 'react-router';
-import { prefixLink } from 'gatsby-helpers';
+import { Link } from 'gatsby-link';
 import Chip from 'react-md/lib/Chips';
 import './PostTags.scss';
 
@@ -11,7 +10,7 @@ class PostTags extends Component {
       <div>
         {
             tags && tags.map(tag =>
-              <Link key={tag} style={{ textDecoration: 'none' }} to={prefixLink('/tags/')}>
+              <Link key={tag} style={{ textDecoration: 'none' }} to={'/tags/'}>
                 <Chip label={tag} className="post-preview-tags" />
               </Link>)
         }

html.jsx → src/html.jsx

@@ -3,9 +3,6 @@
 /* eslint global-require:"off" */
 import React from 'react';
 import Helmet from 'react-helmet';
-import { prefixLink } from 'gatsby-helpers';
-
-const BUILD_TIME = new Date().getTime();
 
 export default class HTML extends React.Component {
   render() {
@@ -32,17 +29,21 @@ export default class HTML extends React.Component {
           />
           {head.title.toComponent()}
           {head.meta.toComponent()}
-          <link rel="shortcut icon" href={prefixLink('/favicon.png')} />
+          {this.props.headComponents}
+          <link rel="shortcut icon" href={('/favicon.png')} />
           {css}
         </head>
         <body>
           <div
             id="react-mount"
             dangerouslySetInnerHTML={{ __html: this.props.body }}
           />
-          <script src={prefixLink(`/bundle.js?t=${BUILD_TIME}`)} />
+          {this.props.postBodyComponents}
         </body>
       </html>
     );
   }
 }
+
+
+// TODO: prefixLink breaks favicon

pages/_template.jsx → src/layouts/index.jsx

@@ -1,20 +1,19 @@
 import React from 'react';
 import { config } from 'config';
 import 'font-awesome/scss/font-awesome.scss';
-import { prefixLink } from 'gatsby-helpers';
 import Navigation from '../components/Navigation/Navigation.jsx';
-import './_template.scss';
+import './index.scss';
 
 export default class Template extends React.Component {
 
   getLocalTitle() {
     const currentPath = this.props.location.pathname;
     let title = '';
-    if (currentPath === prefixLink('/')) {
+    if (currentPath === ('/')) {
       title = 'Home';
-    } else if (currentPath === prefixLink('/tags/')) {
+    } else if (currentPath === ('/tags/')) {
       title = 'Tags';
-    } else if (currentPath === prefixLink('/about/')) {
+    } else if (currentPath === ('/about/')) {
       title = 'About';
     } else {
       title = 'Article';
@@ -25,8 +24,10 @@ export default class Template extends React.Component {
     const { children } = this.props;
     return (
       <Navigation SiteConfig={config} LocalTitle={this.getLocalTitle()}>
-        {children}
+        {children()}
       </Navigation>
     );
   }
 }
+
+// TODO: Removal of prefixLink breaks link checks

pages/about.jsx → src/pages/about.jsx

@@ -1,13 +1,11 @@
 import React, { Component } from 'react';
-import { config } from 'config';
-import Helmet from 'react-helmet';
 import About from '../components/About/About.jsx';
 
 class AboutPage extends Component {
   render() {
     return (
       <div className="about-container">
-        <Helmet title={`About | ${config.siteTitle}`} />
+        {/* TODO: Set title from config.*/}
         <About />
       </div>
     );