Add media library support

[erquhart]

First off, great repo here! It's been super helpful for the community.

I learned recently that Gatsby can't jam with absolute paths, and the CMS media library can only deal in absolute paths, so the best approach for now is to not use the Sharp plugin.

You can see this update in action here: https://confident-tesla-98159e.netlify.com/

Images are at least as clear as before, and all appears the same across breakpoints.

This PR does the following:

• References frontmatter images as strings instead of Sharp nodes
• Moves all images to static/img
• Updates image paths in markdown files
• Adds hidden path field to product page

[AustinGreen]

Thanks for the PR. I appreciate the work you and the team have put into Netlify CMS. It seems like there are new features every week!

I'll go ahead and merge this PR, and keep an eye out for a resolution to this issue.

[leptest]

I was getting ready to do the exacy opposite PR before i realised the issues with netlify CMS relative paths 🤕

Has there been any new developments on being able to use the Sharp plugin with netlify CMS?

[erquhart]

@leptest here are a few related issues that touch on the problems discussed in today's call:

• 'relative path' field for uploaded images decap-cms#325
• Image Handling Umbrella Issue decap-cms#1321

[leptest]

Ah thanks! Seems a tricky one.

Once I've finished up this current project I'll try dig into a bit deeper and see where help is needed.

[sheadscott]

Not sure if this is the right place for this, but I came up with a workaround to generate different size images in the build process. The shell script is here as imagemagick.sh https://github.com/sheadscott/gatsby-starter-netlify-cms