Seamless functionality with Gatsby plugins

Dennis Basyrov
Jan 7 · 2 min read

Frankly speaking, we all know that Gatsby is a fantastic React-based, GraphQL powered, static site generator. That's why I spent my last 3 weeks getting hands-on experience with Gatsby and developing my portfolio webpage. Also, It helped me to learn Typescript and GraphQl (which is awesome). As a React developer, I can say, that it makes my life more productive and full of happy little accidents.

One of the greatest features of Gatsby is an incredible official plugin library. This collection of Node.js packages works seamless with Gatsby API, and provides easy ways to extend/add custom functionality to Gatsby websites.

In this article, you can find a list of most useful and awesome plugins. Also, I will cover the basics of finding and implementing these plugins. This article assumes you’re familiar with the basics of Gatsby.


gatsby-plugin-mailchimp

This Gatsby plugin helps you subscribe new email addresses to a Mailchimp email list. This is literally what this plugin doing and the documentation says. It’s very easy to install and get basic functionality. For additional functionality, you should use GraphQL and

To set it up is as easy as running yarn add gatsby-plugin-mailchimp to install the package and adding to below snippet to your gatsby-config.js file:

{  
resolve: "gatsby-plugin-mailchimp",
options: {
endpoint: // add your MC list endpoint here; see instructions below
},
},

gatsby-plugin-google-analytics

Probably the best way to handle and add Google Analytics to your app. It is Google’s free web analytics service that allows you to analyze in-depth detail about the visitors on your website. To use, run yarn add gatsby-plugin-google-analytics and then add the code below to your plugins:

{
resolve: `gatsby-plugin-google-analytics`,
options: {
trackingId: `YOUR-TRACKING-ID`,
},

Thanks for reading! I hope you found at least one useful plugin for your current Gatsby project. Happy coding!

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade