Add post and render with mdx

Author: PRbsas

components/Thoughts.js

@@ -35,5 +35,5 @@ export default () => (
 )
 
 const Thoughts = ({ id, title }) => (
-  <Link href={`/thoughts/${id}`}><Title>{ title }</Title></Link>
+  <Link prefetch href={`/thoughts/${id}`}><Title>{ title }</Title></Link>
 )

data/thoughts.json

@@ -1,8 +1,8 @@
 {
   "thoughts": [
     {
-      "id": "resources",
-      "title": "Resources"
+      "id": "why-programming",
+      "title": "Why Programming"
     },
     {
       "id": "how-I-built-this-website",

package.json

@@ -16,6 +16,7 @@
     "to-id": "^1.0.5"
   },
   "devDependencies": {
+    "@mdx-js/loader": "^0.13.0-0",
     "@mdx-js/mdx": "^0.13.0-0",
     "standard": "^11.0.1"
   }

pages/thoughts/why-programming.js

@@ -0,0 +1,10 @@
+import Layout from '../../components/Layout'
+import Dot from '../../components/Dot'
+import Markdown from './why-programming.md'
+
+export default () => (
+  <Layout>
+    <Dot to='/thoughts' />
+    <Markdown />
+  </Layout>
+)

pages/thoughts/why-programming.md

@@ -0,0 +1,19 @@
+# Why Programming?
+
+> Change is the only constant - Heraclitus (Philosopher)
+
+As an architect with a very abstract definition of architecture, I believe that the combination of design and technical thinking prepares you with a set of tools that allow a pursuit in a number of different disciplines.
+
+#### Always making things
+I started to learn software development by chance. After a few lines of HTML I was hooked. I believe programming is dynamic and iterative, technical and creative. Code gives you the ability to build beautiful things, to bring your ideas into fruition.
+
+#### The joy of always learning
+For almost two years now, I have enjoyed the process of continuous learning while creating. Be it a simple method to count the words in a string, a command line application or a sinatra MVC web application.
+I have lost track of time trying to understand a problem to find a possible solution, asking myself: why does this not work? why does this work?! Curiosity has always driven me to keep asking questions and keep trying solutions. And it's been an absolutely rewarding journey.
+
+#### A great community
+A community that thrives in sharing ideas and helping each other grow.
+Be it through sharing experiences, having discussions and debates, asking questions.
+
+#### Endless possibilities
+Programming is the backbone to so many aspects of our daily lives and I am still fascinated by the endless possibilities it brings. There is no limit to this continuous learning. Languages, tools, algorithms, frameworks, patterns, always growing and evolving.

yarn.lock

@@ -584,6 +584,12 @@
     lodash "^4.2.0"
     to-fast-properties "^2.0.0"
 
+"@mdx-js/loader@^0.13.0-0":
+  version "0.13.0-0"
+  resolved "https://registry.yarnpkg.com/@mdx-js/loader/-/loader-0.13.0-0.tgz#8240d06b46c8ac8d9006b501249ad40641940214"
+  dependencies:
+    "@mdx-js/tag" "^0.11.0"
+
 "@mdx-js/loader@^0.7.0":
   version "0.7.4"
   resolved "https://registry.yarnpkg.com/@mdx-js/loader/-/loader-0.7.4.tgz#d673e628b4d9ffcafaa8f8079468d6fc87ac1a7b"
@@ -607,6 +613,12 @@
   dependencies:
     unist-util-visit "^1.3.0"
 
+"@mdx-js/tag@^0.11.0":
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/@mdx-js/tag/-/tag-0.11.0.tgz#d4e3f4e384e862302908e10c23dc1959da5ca91b"
+  dependencies:
+    prop-types "^15.6.1"
+
 "@mdx-js/tag@^0.7.2":
   version "0.7.2"
   resolved "https://registry.yarnpkg.com/@mdx-js/tag/-/tag-0.7.2.tgz#a18d76644089b4a9bb6d489d205cb065051b7c9a"