Gatsby is a blazing fast static site generator built with React. Gatsby gives you all of the modern JavaScript tools you want; set up and ready to go out of the box.

gatsby

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

Chris Biscardi

Course Content