nozzle/react-static-plugin-emotion

A React-Static plugin that adds CSS-in-JS/SSR support for emotion & react-emotion

JavaScript

THIS PLUGIN HAS BEEN MOVED TO THE REACT-STATIC MONOREPO AND IS ACTIVELY MAINTAINED THERE

react-static-plugin-emotion

A React-Static plugin that adds CSS-in-JS/SSR support for emotion & react-emotion

Installation

In an existing react-static site run:

$ yarn add react-static-plugin-emotion

Then add the plugin to your static.config.js:

export default {
  plugins: ["react-static-plugin-emotion"]
};

What does this plugin do under the hood?

Uses the tapHtml API to run emotion-server's renderStylesToString function on the resulting HTML generated by react-static. This critically inlines any needed css for the exported page right into the html string. Sweet!