diff --git a/package.json b/package.json
index 8d00ea8..6577837 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "morgan": "^1.8.1",
     "react": "^15.5.4",
     "react-dom": "^15.5.4",
+    "react-helmet": "^5.1.3",
     "react-redux": "^5.0.4",
     "react-router-dom": "^4.1.1",
     "redux": "^3.6.0"
diff --git a/public/index.html b/public/index.html
index d1e7f68..717fe77 100644
--- a/public/index.html
+++ b/public/index.html
@@ -19,7 +19,8 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>Server Side Rendering - Create React App</title>
+    {{HELMET_TITLE}}
+    {{HELMET_META}}
   </head>
   <body>
     <noscript>		
diff --git a/server/universal.js b/server/universal.js
index 5de8773..1514ed6 100644
--- a/server/universal.js
+++ b/server/universal.js
@@ -2,6 +2,7 @@ const path = require('path')
 const fs = require('fs')
 
 const React = require('react')
+import { Helmet } from 'react-helmet'
 const {Provider} = require('react-redux')
 const {renderToString} = require('react-dom/server')
 const {StaticRouter} = require('react-router-dom')
@@ -34,8 +35,13 @@ module.exports = function universalLoader(req, res) {
       // Somewhere a `<Redirect>` was rendered
       redirect(301, context.url)
     } else {
+      const helmet = Helmet.renderStatic()
       // we're good, send the response
-      const RenderedApp = htmlData.replace('{{SSR}}', markup)
+      const RenderedApp = htmlData
+        .replace('{{SSR}}', markup)
+        .replace('{{HELMET_TITLE}}', helmet.title.toString())
+        .replace('{{HELMET_META}}', helmet.meta.toString())
+
       res.send(RenderedApp)
     }
   })
diff --git a/src/containers/App.js b/src/containers/App.js
index 005ba70..d3e6e88 100644
--- a/src/containers/App.js
+++ b/src/containers/App.js
@@ -1,5 +1,6 @@
 import React, { Component } from 'react'
 import { Switch, Route } from 'react-router-dom'
+import { Helmet } from 'react-helmet'
 import FirstPage from './FirstPage'
 import SecondPage from './SecondPage'
 import NoMatch from '../components/NoMatch'
@@ -8,6 +9,10 @@ export default class App extends Component {
   render(){
     return (
       <div>
+        <Helmet defaultTitle="ssr-create-react-app-v2" titleTemplate="%s - ssr-create-react-app-v2">
+          <meta name="description" content="This is the v2, its much better written, and uses react-router v4, which is actually pretty nice" />
+        </Helmet>
+
         <h1>Server Side Rendering with Create React App v2</h1>
         <p>Hey, so I've rewritten this example with react-router v4</p>
         <p>This code is on github: <a href='https://github.com/ayroblu/ssr-create-react-app-v2'>https://github.com/ayroblu/ssr-create-react-app-v2</a></p>
diff --git a/src/containers/FirstPage.js b/src/containers/FirstPage.js
index 04fc4ec..747004c 100644
--- a/src/containers/FirstPage.js
+++ b/src/containers/FirstPage.js
@@ -1,4 +1,5 @@
 import React, { Component } from 'react'
+import { Helmet } from 'react-helmet'
 import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
 
@@ -11,6 +12,10 @@ class FirstPage extends Component {
     const b64 = this.props.staticContext ? 'wait for it' : window.btoa('wait for it')
     return (
       <div className='bold'>
+        <Helmet>
+          <title>First Page</title>
+        </Helmet>
+
         <h2>First Page</h2>
         <p>{`Email: ${this.props.user.email}`}</p>
         <p>{`b64: ${b64}`}</p>
