Reworking static page generation

Including styles in components wasn't working with the old system.

src/pages/404/template.js

@@ -1,13 +0,0 @@
-import 'babel-register';
-import React from 'react';
-
-import '../../i18n';
-
-import PageTemplate, { renderToString } from '../../components/PageTemplate';
-import Component from './Component';
-
-export default renderToString(
-  <PageTemplate>
-    <Component/>
-  </PageTemplate>
-);

src/pages/index/Component.js

@@ -1,16 +1,13 @@
-import 'babel-register';
 import React from 'react';
 
-import '../../i18n';
-
-import PageTemplate, { renderToString } from '../../components/PageTemplate';
 import Message from '../../components/Message';
 import AlertIcon from 'feather-icons/dist/icons/alert-octagon.svg';
 import Header from '../../components/Header';
 import Footer from '../../components/Footer';
+import App from '../../components/App';
 
-export default renderToString(
-  <PageTemplate>
+const Component = () => (
+  <React.Fragment>
     <Header/>
     <noscript>
       <Message className="error" icon={ AlertIcon } heading="JavaScript Required">
@@ -23,6 +20,9 @@ export default renderToString(
         <p>Most popular ad blockers will prevent these tools from sending any tracking data, and doing so will <b>not</b> impact the performance of this app. Regexper is not supported by ad revenue or sales of any kind. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.</p>
       </Message>
     </noscript>
+    <App/>
     <Footer/>
-  </PageTemplate>
+  </React.Fragment>
 );
+
+export default Component;

src/pages/index/browser.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 
-import App from '../../components/App';
+import Component from './Component';
 import RavenBoundary from '../../components/RavenBoundary';
 
 import '../../style.css';
@@ -20,7 +20,7 @@ try {
 
   ReactDOM.render(
     <RavenBoundary>
-      <App/>
+      <Component/>
     </RavenBoundary>,
     document.getElementById('root'));
 }