upgraded to gatsby v2

Author: smakosh

.prettierrc

@@ -17,7 +17,7 @@ title: 'Containers'
 ## container
 
 <div class="container mb2 bg-custom">
-    <h2>1200px</h2>
+    <h2>1280px</h2>
 </div>
 
 ```html

content/docs/containers.md

@@ -1,8 +1,31 @@
 module.exports = {
-    googleAnalyticsID: "UA-106122837-1",
-    themeColor: "#09b4e0",
-    backgroundColor: "#09b4e0",
-    siteURL: "https://unnamed.smakosh.com",
-    siteDescription: "A colorful css framework",
-    siteName: "Unnamed"
-}
+	title: 'Unnamed css – An open source colorful css framework',
+	siteName: 'Unnamed',
+	logo: 'https://unnamed.smakosh.com/favicon/logo-192.png',
+	url: 'https://unnamed.smakosh.com',
+	favicon: 'https://unnamed.smakosh.com/favicon/logo-48.png',
+	cover: 'https://unnamed.smakosh.com/unnamed.jpeg',
+	legalName: 'Unnamed css',
+	description: 'An open source colorful css framework',
+	socialLinks: {
+		twitter: 'https://twitter.com/Unnamedcss',
+		github: 'https://github.com/smakosh/unnamed-css-framework',
+	},
+	googleAnalyticsID: 'UA-106122837-1',
+	themeColor: '#09b4e0',
+	backgroundColor: '#09b4e0',
+	social: {
+		twitter: '@Unnamedcss',
+	},
+	address: {
+		city: 'Errachidia',
+		region: 'Deraa-Tafilalet',
+		country: 'Morocco',
+		zipCode: '52000',
+	},
+	contact: {
+		email: 'ismai23l@hotmail.com',
+		phone: '+212 663 53 27 61',
+	},
+	foundingDate: '2017'
+}

content/posts/test.md

@@ -1,14 +1,16 @@
 const config = require('./data/Config');
 
 module.exports = {
+	siteMetadata: {
+		title: config.title,
+	},
 	plugins: [
 		'gatsby-plugin-react-helmet',
 		'gatsby-plugin-sass',
-		'gatsby-plugin-react-next',
 		{
 			resolve: 'gatsby-plugin-canonical-urls',
 			options: {
-				siteUrl: config.siteURL,
+				siteUrl: config.url,
 			},
 		},
 		'gatsby-plugin-catch-links',
@@ -38,8 +40,8 @@ module.exports = {
 		{
 			resolve: 'gatsby-source-filesystem',
 			options: {
-				name: 'posts',
-				path: `${__dirname}/content/`,
+				name: 'docs',
+				path: `${__dirname}/content/docs/`,
 			},
 		},
 		{
@@ -64,7 +66,7 @@ module.exports = {
 				start_url: '/',
 				background_color: config.backgroundColor,
 				theme_color: config.themeColor,
-				display: 'minimal-ui',
+				display: 'fullscreen',
 				icons: [
 					{
 						src: '/favicon/logo-192x192.png',

data/Config.js

@@ -1,9 +1,8 @@
 const path = require('path')
 const _ = require('lodash')
-const webpackLodashPlugin = require('lodash-webpack-plugin')
 
-exports.onCreateNode = ({ node, boundActionCreators, getNode }) => {
-	const { createNodeField } = boundActionCreators
+exports.onCreateNode = ({ node, actions, getNode }) => {
+	const { createNodeField } = actions
 	let slug = '/docs/'
 	if (node.internal.type === 'MarkdownRemark') {
 		const fileNode = getNode(node.parent)
@@ -30,60 +29,43 @@ exports.onCreateNode = ({ node, boundActionCreators, getNode }) => {
 	}
 }
 
-exports.createPages = ({ graphql, boundActionCreators }) => {
-	const { createPage } = boundActionCreators
+exports.createPages = ({ graphql, actions }) => {
+	const { createPage } = actions
 
 	return new Promise((resolve, reject) => {
-		const postPage = path.resolve('src/templates/post.jsx')
 		const docItemPage = path.resolve('src/templates/item.jsx')
-		resolve(
-			graphql(`
-				{
-					allMarkdownRemark {
-						edges {
-							node {
-								frontmatter {
-									title
-									type
-								}
-								fields {
-									slug
-								}
+
+		graphql(`
+			{
+				allMarkdownRemark {
+					edges {
+						node {
+							frontmatter {
+								title
+							}
+							fields {
+								slug
 							}
 						}
 					}
-				}`)
-				.then(result => {
-					if (result.errors) {
-						reject(result.errors)
-					}
+				}
+			}`)
+			.then(result => {
+				if (result.errors) {
+					return reject(result.errors)
+				}
 
-					result.data.allMarkdownRemark.edges.forEach(edge => {
-						if (edge.node.frontmatter.type === 'post') {
-							createPage({
-								path: edge.node.fields.slug,
-								component: postPage,
-								context: {
-									slug: edge.node.fields.slug,
-								},
-							})
-						} else {
-							createPage({
-								path: edge.node.fields.slug,
-								component: docItemPage,
-								context: {
-									slug: edge.node.fields.slug,
-								},
-							})
-						}
+				return result.data.allMarkdownRemark.edges.forEach(edge => {
+					createPage({
+						path: edge.node.fields.slug,
+						component: docItemPage,
+						context: {
+							slug: edge.node.fields.slug,
+						},
 					})
+
+					resolve()
 				})
-		)
+			})
 	})
 }
-
-exports.modifyWebpackConfig = ({ config, stage }) => {
-	if (stage === 'build-javascript') {
-		config.plugin('Lodash', webpackLodashPlugin, null)
-	}
-}