Skip to main content
View plugin on GitHub
See starters using this

gatsby-plugin-babel-styled-components

npm (scoped) semantic-release styled with prettier

A Gatsby plugin to add the styled-components babel plugin.

Install

$ npm install --save @raygesualdo/gatsby-plugin-babel-styled-components

How to Use

Add the plugin to your gatsby-config.js file.

plugins: ['@raygesualdo/gatsby-plugin-babel-styled-components']

This plugin automatically enables the ssr feature. All other features can be configured via this plugin’s config object.

plugins: [
  {
    resolve: '@raygesualdo/gatsby-plugin-babel-styled-components',
    options: {
      ssr: true, // override default
      displayName: false,
      preprocess: true,
      minify: false,
      transpileTemplateLiterals: false,
    },
  },
]

Docs
Tutorials
Plugins
Blog
Showcase