Welcome to part-4 of the series. We will use styled-components in this post to style our project. So, we will install the plugin gatsby-plugin-styled-components in our project.

As per the official document we need to npm install these packages first.

    npm install --save gatsby-plugin-styled-components styled-components babel-plugin-styled-components

Rest of the chapter is exclusive content and is from my book Foundation Gatsby Projects.

The book can be purchased from Apress site here

This will show our Hot Tips section in our Home Page.

Hot Tips

This completes part-4 of the series. You can find the code for the same in this link.