import React from 'react'
import Document, { Head, Main, NextScript } from 'next/document'
import stylesheet from '../styles/global.sass'

export default class MyDocument extends Document {
  static getInitialProps ({ renderPage }) {
    const {html, head} = renderPage()
    return { html, head }
  }

  render () {
    return (
      <html>
        <Head>
          <link rel='shortcut icon' type='image/x-icon' href='/static/assets/favicon.ico' />
          <style dangerouslySetInnerHTML={{ __html: stylesheet }} />
          <title>Next Boilerplate</title>
        </Head>
        <body>
          {this.props.customValue}
          <Main />
          <NextScript />
        </body>
      </html>
    )
  }
}

@@ -347,24 +347,93 @@
      %3CHead%3E%0A
+          %3Cstyle dangerouslySetInnerHTML=%7B%7B __html: stylesheet %7D%7D /%3E%0A
           %3Cl
@@ -528,62 +528,441 @@
    %3C
-style dangerouslySetInnerHTML=%7B%7B __html: stylesheet %7D%7D
+link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' integrity='sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN' crossOrigin='anonymous' /%3E%0A          %3Clink href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' integrity='sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u' crossOrigin='anonymous'
  /%3E%0A

Add fontawesome and bootstrap css