Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

Audal Labs Logo

gatsby-plugin-emotion-ssg

Replace Gatsby's default renderer with Emotion's, to ensure correct rendering of Emotion-styled components during SSG.

npm i gatsby-plugin-emotion-ssg

Why should I use this?

gatsby-plugin-emotion might work for your use case. It might not. This plugin works where that one does not, by replacing the Gatsby SSG renderer, and inlining critical CSS styles. It’s a more heavy-handed approach, but works in almost every use-case.

© 2023 Gatsby, Inc.