What is the BIG draw about Gatsby? Is it the "users can add content with markdown sheets!" aspect?

• Gatsby

  356 55,000 9.4 JavaScript

  The best React-based framework with performance, scalability and security built in.

  

The killer feature of Gatsby for me is the image pipeline, gatsby-remark-images and gatsby-plugin-sharp.

• gatsby-remark-videos

  1 13 2.0 TypeScript

  Embed html5 style looping videos in your Gatsby site direct from your markdown. Used on https://electricui.com

I took the idea further and made a static video pipeline in gatsby-remark-videos, our pages are just markdown with naive links to content, and the pipeline generates the proper video and picture resources at all the correct sizes and formats. Here's an example of the output.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• mdx

  99 16,788 8.7 JavaScript

  Markdown for the component era

  

MDX was introduced to me in the context of Gatsby, and the ability to inline React components in Markdown has been excellent. Our docs make use of inline components for screenshots (which are automatically generated and passed through the image pipeline), inter-doc links and property tables. That being said, you can do that with many other static site generators.

Suggest a related project