Add basic components

components/header/index.js

@@ -0,0 +1,15 @@
+import Link from 'next/link';
+
+const Header = () => (
+  <div>
+    <Link href="/">
+      <a title="Homepage">Home</a>
+    </Link>
+    &nbsp; |&nbsp;
+    <Link href="/about">
+      <a title="About Page">About Page</a>
+    </Link>
+  </div>
+);
+
+export default Header;

pages/about.js

@@ -1,9 +1,10 @@
 import React from 'react';
-import Link from 'next/link';
+import Header from '../components/header';
 
 export default function About() {
   return (
     <div>
+      <Header />
       <p>This is the about page</p>
     </div>
   );

pages/home.js

@@ -0,0 +1,10 @@
+import Header from '../components/header';
+
+export const Home = (props) => (
+  <div>
+    <Header />
+    <p>Hello Next.js</p>
+  </div>
+);
+
+export default Home;

pages/index.js

@@ -1,12 +1,9 @@
 import React from 'react';
-import Link from 'next/link';
+import Home from './home';
 
 const Index = () => (
   <div>
-    <Link href="/about">
+    <Home />
-      <a title="About Page">About Page</a>
-    </Link>
-    <p>Hello Next.js</p>
   </div>
 );