Creating separate templates for each page

src/pages/404/index.js

@@ -0,0 +1 @@
+import '../../style.css';

src/pages/404/template.js

@@ -0,0 +1,14 @@
+import 'babel-register';
+import React from 'react';
+
+import PageTemplate, { renderToString } from '../../components/PageTemplate';
+import Message from '../../components/Message';
+import AlertIcon from 'feather-icons/dist/icons/alert-octagon.svg';
+
+export default renderToString(
+  <PageTemplate>
+    <Message icon={ AlertIcon } heading="404 Page Not Found">
+      <p>The page you have requested could not be found</p>
+    </Message>
+  </PageTemplate>
+);