title: How to add Font Awesome to Next.js project
body: <p>I'm trying to add font-awesome to my Next.js project using webpack. I've tried following various instructions I've found on the web (using file-loader, url-loader), but nothing has worked for me. I gave up loading font-awesome with webpack for the moment, but I want to know how I can accomplish this. Currently, I have a <code>.scss</code> file that I use to load font-awesome. </p>
  
  <p>It's contents:</p>
  
  <pre><code>$fa-font-path: "static/fonts";
  @import "~font-awesome/scss/font-awesome.scss";
  </code></pre>
  
  <p>And I'm manually moving the fonts from <code>node_modules/font-awesome/fonts</code> to <code>static/fonts</code>. This works perfectly, But I wanted to know if there's a webpack 2 way to do it in 2017.  </p>