Applying Layout component in gatsby-browser

src/components/Metadata/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Helmet } from 'react-helmet';
+
+const Metadata = ({ title }) => (
+  <Helmet>
+    <title>{ title ? `Regexper - ${ title }` : 'Regexper' }</title>
+  </Helmet>
+);
+
+Metadata.propTypes = {
+  title: PropTypes.string
+};
+
+export default Metadata;