RRU 139: Creating Gatsby Source Plugins with Dillion Megida




React Round Up show

Summary: <p></p> <p>In today’s episode of React Round Up, Nigerian-based developer Dillion Megida explains how you can create source plugins for Gatsby, the static site generation tool. Gatsby can be used to create landing pages, blogs and e-commerce sites, among other things, and it contains a vast plugin ecosystem that helps developers avoid reinventing the wheel when creating their applications. Dillion also shares his experience blogging for websites such as LogRocket, FreeCodecamp and Dev.to and talks us through his workflow and how he comes up with new article ideas.</p> <p></p> <h2>Panel</h2> <p></p> <ul> <li>Carl Mungazi</li> <li>Paige Niedringhaus</li> <li>TJ Vantoll</li> </ul> <p></p> <h2>Guest</h2> <p></p> <ul> <li>Dillion Megida</li> </ul> <p></p> <h2>Sponsors</h2> <p></p> <ul> <li><a href="http://devchat.tv/influencers" rel="noreferrer noopener" target="_blank">Dev Influencers Accelerator</a></li> <li><a href="https://sentry.io/for/react/" rel="noreferrer noopener" target="_blank">React Error and Performance Monitoring | Sentry</a></li> </ul> <p></p> <h2>Links</h2> <p></p> <ul> <li><a href="https://dillionmegida.com/p/create-gatsby-source-plugin/" rel="noreferrer noopener" target="_blank">How to Build a Gatsby Source Plugin, using Hashnode as an example</a></li> <li><a href="https://www.paigeniedringhaus.com/" rel="noreferrer noopener" target="_blank">Paige Niedringhaus</a></li> <li><a href="https://www.gatsbyjs.com/plugins" rel="noreferrer noopener" target="_blank">Gatsby Plugin Library</a></li> <li><a href="https://thewebfor5.com/" rel="noreferrer noopener" target="_blank">TheWebFor5</a></li> <li><a href="https://dillionmegida.com/p/web-share-api/" rel="noreferrer noopener" target="_blank">Web sharing API</a></li> <li><a href="https://blog.logrocket.com/a-deep-dive-into-queues-in-node-js/" rel="noreferrer noopener" target="_blank">A deep dive into queues in Node.js</a></li> <li><a href="https://www.gatsbyjs.com/plugins/gatsby-source-medium/" rel="noreferrer noopener" target="_blank">gatsby-source-medium</a></li> <li><a href="https://hashnode.com/" rel="noreferrer noopener" target="_blank">Hashnode</a></li> <li><a href="https://twitter.com/iamdillion?lang=en" rel="noreferrer noopener" target="_blank">Twitter: Dillion Megida ( @iamdillion )</a></li> <li><a href="https://dillionmegida.com/" rel="noreferrer noopener" target="_blank">Dillion Megida - Frontend Engineer and Technical Writer</a></li> </ul> <p></p> <h2>Picks</h2> <p></p> <ul> <li>Carl- <a href="https://www.youtube.com/watch?v=VeWLTjZY8i8&amp;t=359s" rel="noreferrer noopener" target="_blank">BBQ tips </a> </li> <li>Carl- <a href="https://jamstack.email/" rel="noreferrer noopener" target="_blank">JAMstacked newsletter </a> </li> <li>Dillion- <a href="https://www.cypress.io/" rel="noreferrer noopener" target="_blank">Cypress</a> </li> <li>Paige- <a href="https://optimate1.com/prod/chargers/?filters=power%5B100-240vac-type-c-eu%5Dregion%5Bca-ca%5Dproduct_cat%5Bchargers%5D" rel="noreferrer noopener" target="_blank">Battery Chargers - OptiMate</a> </li> <li>TJ- <a href="https://www.remotion.dev/" rel="noreferrer noopener" target="_blank">Remotion</a> </li> <li>TJ- <a href="https://www.telerik.com/react-wednesdays/remotion-a-react-framework-for-making-videos" rel="noreferrer noopener" target="_blank">Remotion demo</a> </li> </ul> <p></p>