[1.0] Plugins wishlist (and example sites)

[KyleAMathews]

There's a lot of plugins that would be fairly easy to write that'd be great to get in. Many would just be basically wrapping either a webpack plugin (e.g. adding support for a CSS preprocessor) or an NPM library (e.g. for transformer plugin). When you create a new plugin, you should also create a companion example site as both a way to demonstrate how the plugin works as well as an integration test for the plugin.

Adding plugins and example sites are easy. Simply checkout the Gatsby repo and run npm install at the root of repo. Then run npm run plop and choose to create either a plugin or example site and then follow the prompts to do the initial setup. Some of the plugins on the wishlist already have stubs in the repository.

If you want to try building one of these, just leave a comment to claim it and start coding! Also this list is by no means complete. Feel free to suggest ideas and take those on as well!

Plugin wishlist

CSS

• Less
• Stylus
• Aphrodite (tracked in [feat]: create gatsby-plugin-aphrodite #8709)
• CXS (tracked in [feat]: add gatsby-plugin-cxs #8710)
• Glamorous
• JSS
• styled-jsx (@timsuchanek working on this)

Transformer plugins

• CSV
• docx
• pdf (tracked in [feat]: add gatsby-transformer-pdf #8711)
• xml
• asciidoc (tracked in [feat]: add gatsby-transformer-asciidoc #8712)
• toml (@Vagr9K working on this)
• remote URLs (e.g. a referenced image would get downloaded and then made available as a local image).

Source plugins

Docs on writing source plugins https://www.gatsbyjs.org/docs/create-source-plugin/

• Trello
• Wordpress.com
• Drupal (there's the start of one already in the repo but there's a number of additions that'd be great to make)
• Prismic
• DatoCMS
• Github
• SQL databases (tracked in [feat]: add gatsby-source-sql #8714)
• MongoDB
• DynamoDB
• S3 bucket: See gatsby-source-s3
• Twitter
• Facebook
• https://www.accedo.tv/appgrid/
• https://github.com/marak/Faker.js/ — pass in a "schema" for the node e.g. title, date, author w/ avatar / markdown body and generate a bunch of Post nodes. Would be great for example sites!

Example sites

Beyond example sites showing off how to use the above plugins, it'd be great to have example sites demonstrating possible ways to build:

• Multi-language sites
• Search
• Pagination
• React Helmet
• Remark (markdown)

[fk]

• Tweets and Gists in Markdown (see jekyll-twitter-plugin)
• automagical figure/figcaption for Markdown images that need a caption and/or reference to source/license
• KaTeX, MathJax (in Markdown) – also while googling around stumbled upon jekyll-scholar, which "formats your bibliographies and reading lists for the web and gives your blog posts citation super-powers", …so I guess BibTeX ;)
• favicon generator – not super necessary (as there already is http://realfavicongenerator.net/ and I also can see a lot of reasons for generating each of those manually) but quite easy to implement (apart from that SVG icon that macOS Safari wants for its "pinned tabs")
• Dribbble
• Flickr
• 500px

[KyleAMathews]

These are great sources of standalone data sets + public APIs

• https://github.com/caesar0301/awesome-public-datasets
• https://github.com/toddmotto/public-apis

[erutan]

Flickr would be useful - while the site itself is languishing, it's robut public API makes it a useful source to store photos to pull into blog posts and pages.

[Vagr9K]

I'll work on toml-transformer.

[timsuchanek]

Working on styled-jsx and an algolia syncer

[KyleAMathews]

@Vagr9K @timsuchanek awesome! Added you to the list

[joshboldt]

Anyone working on DatoCMS? Would love to see that happen.

[mfeltscher]

Is there anyone already working on a Medium integration? Would be cool to fetch the latest posts of a given blog.

[jondubin]

@mfeltscher you read my mind! I have the same need, and started looking into how we could write one. Since the Medium API is limited in this regard (afaik you can't get the most recent posts from a blog), we'd either have to scrape or use a blog's rss feed. I started writing the general purpose rss source here: https://github.com/jondubin/gatsby-source-rss Contributions/thoughts welcome!

[KyleAMathews]

@jondubin hey would you be interested in adding the source plugin to the Gatsby repo? This is a bit of an experiment but I think that having most community plugins in the same repo will help keep the quality of plugin code much higher as there'll be a lot more eyeballs on code here plus we can keep investing in better and better testing infrastructure to ensure everything works well.

Thoughts?