Emotion and Gatsby let you build static websites and dynamic applications while sharing composable styles.

[Emotion](http://emotion.sh) is a library designed for writing css styles with JavaScript. It provides powerful and predictable style composition in addition to a great developer experience with features such as source maps, labels, and testing utilities.

[Gatsby](https://www.gatsbyjs.org) is a free and open source framework based on React that helps developers build blazing fast websites and apps

How to install and use Emotion in a Gatsby project.

* [Emotion](https://emotion.sh) is a CSS library that focuses on composition of styles.
* [Gatsby](https://www.gatsbyjs.org/) is a progressive web app generator commonly used to build marketing, blog, and ecommerce sites.

Getting Started with Emotion and Gatsby

Using Emotion's CSS prop is the easiest way to get started styling your application. We go over where you can use the prop as well as how to use it with strings and with objects.

Using Emotion with Gatsby

Instructor

Course content (2 lessons)

Instructor