Gatsby - Useful Links

Image

• Easy image components
• Remark images plugin
• ImageSharp nodes cannot be created by other plugins
• gatsby-remark-images hide images
• How to size a gatsby-image by height?
• File system
• BlurUp effect gets stuck on

Theming

• Material palette
• Styled-components
• Theme example
• Multiple layouts

SEO

• SEO Accessibility
• SEO starter TSX

Tools

• Draft post support
• Draft plugin
• Conditional rendering
• config

Markdown

• MDX plugin
• MDX customization
• Markdown tables
• Reading time

GraphQL

• Static query
• Using Variables in a StaticQuery
• Add variables to attr into StaticQuery

Linting

• Prettier on VS Code
• ES lint accessibility

Samples

• Tania Rascia's blog made with Gatsby
• Blog post
• Index page