Next.jsでstyled-jsxは最初から使える

らしい。

qiita.com

styled-jsxとnext.jsは同じZeitが作っているので、

inside.dmm.com

github.com

next.jsで使いたいときはなにもインストールする必要がなく、そのまま書ける。

      <div className="container">{children}</div>
      <style jsx>{`
        .container {
          width: 1000px;
          margin: auto;
        }
      `}</style>