| title |
|---|
Plugins |
Plugins are Node.js packages that implement Gatsby APIs. They enable you to easily solve common website build problems e.g. setup Sass, add markdown support, process images, etc.
For larger / complex sites, they let you modularize your site customizations into site-specific plugins.
Gatsby has a large and growing set of plugins. See below for the list of official plugins. We'll eventually add support here for searching and browsing both official plugins and community plugins published on NPM.
Plugins are just Node.js packages meaning you install them like anything else in node using NPM.
For example, gatsby-transformer-json is a package which adds support for JSON
files to the Gatsby data layer.
To install it, in the root of your site you run:
npm install --save gatsby-transformer-json
Then in your site's gatsby-config.js you add gatsby-transformer-json
to the plugins array like:
module.exports = {
plugins: [`gatsby-transformer-json`],
};Plugins can take options. Note that plugin options will be stringified by Gatsby, so they cannot be functions.
If you鈥檇 like to create a custom Gatsby plugin, check out the plugin authoring guide.
For usage instructions and options, see the plugin repo (linked below).
- gatsby-plugin-aphrodite
- gatsby-plugin-canonical-urls
- gatsby-plugin-catch-links
- gatsby-plugin-coffeescript
- gatsby-plugin-create-client-paths
- gatsby-plugin-cxs
- gatsby-plugin-emotion
- gatsby-plugin-feed
- gatsby-plugin-glamor
- gatsby-plugin-glamorous
- gatsby-plugin-google-analytics
- gatsby-plugin-google-tagmanager
- gatsby-plugin-jss
- gatsby-plugin-less
- gatsby-plugin-lodash
- gatsby-plugin-manifest
- gatsby-plugin-netlify-cms
- gatsby-plugin-netlify
- gatsby-plugin-no-sourcemaps
- gatsby-plugin-nprogress
- gatsby-plugin-offline
- gatsby-plugin-postcss-sass
- gatsby-plugin-preact
- gatsby-plugin-react-css-modules
- gatsby-plugin-react-helmet
- gatsby-plugin-react-next
- gatsby-plugin-remove-trailing-slashes
- gatsby-plugin-sass
- gatsby-plugin-sharp
- gatsby-plugin-sitemap
- gatsby-plugin-styled-components
- gatsby-plugin-styled-jsx
- gatsby-plugin-styletron
- gatsby-plugin-stylus
- gatsby-plugin-twitter
- gatsby-plugin-typescript
- gatsby-plugin-typography
- gatsby-remark-autolink-headers
- gatsby-remark-code-repls
- gatsby-remark-copy-linked-files
- gatsby-remark-custom-blocks
- gatsby-remark-embed-snippet
- gatsby-remark-images
- gatsby-remark-katex
- gatsby-remark-prismjs
- gatsby-remark-responsive-iframe
- gatsby-remark-smartypants
- gatsby-source-contentful
- gatsby-source-drupal
- gatsby-source-faker
- gatsby-source-filesystem
- gatsby-source-hacker-news
- gatsby-source-lever
- gatsby-source-medium
- gatsby-source-mongodb
- gatsby-source-wordpress-com
- gatsby-source-wordpress
- gatsby-transformer-csv
- gatsby-transformer-documentationjs
- gatsby-transformer-docx
- gatsby-transformer-excel
- gatsby-transformer-hjson
- gatsby-transformer-javascript-static-exports
- gatsby-transformer-json
- gatsby-transformer-pdf
- gatsby-transformer-react-docgen
- gatsby-transformer-remark
- gatsby-transformer-sharp
- gatsby-transformer-toml
- gatsby-transformer-xml
- gatsby-transformer-yaml
- gatsby-plugin-accessibilityjs
- gatsby-plugin-antd
- gatsby-plugin-bugherd
- gatsby-plugin-copy
- gatsby-plugin-elasticlunr-search
- gatsby-plugin-fastclick
- gatsby-plugin-favicon
- gatsby-plugin-fela
- gatsby-plugin-google-fonts
- gatsby-plugin-gosquared
- gatsby-plugin-hotjar
- gatsby-plugin-i18n-readnext
- gatsby-plugin-i18n-tags
- gatsby-plugin-i18n
- gatsby-plugin-intercom-spa
- gatsby-plugin-klipse
- gatsby-plugin-meta-redirect
- gatsby-plugin-mixpanel
- gatsby-plugin-protoculture
- gatsby-plugin-purify-css
- gatsby-plugin-react-native-web
- gatsby-plugin-segment-js
- gatsby-plugin-sentry
- gatsby-plugin-stripe-checkout
- gatsby-plugin-stripe-elements
- gatsby-plugin-svg-sprite
- gatsby-plugin-svgr
- gatsby-plugin-typescript-css-modules
- gatsby-plugin-yandex-metrika
- gatsby-plugin-pathdata
- gatsby-remark-emoji
- gatsby-remark-external-links
- gatsby-remark-flowchart
- gatsby-remark-graph
- gatsby-remark-sequence
- gatsby-source-airtable
- gatsby-source-behance
- gatsby-source-behance-collection
- gatsby-source-datocms
- gatsby-source-directus
- gatsby-source-dribbble
- gatsby-source-github
- gatsby-source-google-sheets
- gatsby-source-graphcms
- gatsby-source-mesh
- gatsby-source-soundcloud
- gatsby-source-stripe
- gatsby-source-trello
- gatsby-source-twitch
- gatsby-source-twitter
- gatsby-source-unsplash
- gatsby-source-workable
- gatsby-transformer-orga