Gatsby Themes

In this episode of Syntax, Scott and Wes talk with Jason Lengstorf from the Gatsby team about Gatsby themes, and the future of Gatsby in general.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at LogRocket.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at Freshbook and put SYNTAX in the “How did you hear about us?” section.

Show Notes

2:18 - Jason Lengstorf - What do you do?

9:37 - Gatsby refresher

• Gatsby is statically generated
• gatsby-config.js file determines which plugins you use
• gatsby-node.js allows us to hook into Gatsby at different points and do things like source content and dynamically create pages
• gatsby-browser.js contains code that should hook into browser events

13:54 - Gatsby themes

• Layouts in Gatsby are done the same way in React - simply create a component with children
• How is this different than a plugin?
• Is it a collection of plugins?
• How do you share themes?
• Can they include functionality (plugins?) Like Markdown rendering?
• What about a theme that needs a UI once activated?
• What about custom fields for Gatsby?
• Do you foresee a marketplace like WordPress themes?
• Are there some themes already out there?
• What will come for themes soon?

34:07 - Questions about Gatsby

• What do you think about WordPress?
• E-commerce?
• How do you make money?
• Suggested way of doing dynamic things
• What is the future of Gatsby?

Links

• Gatsby
• Jason Lengstorf
• Livestream
• Progressive Disclosure of Complexity
• Gatsby Themes
• Sanity
• Gatsby + Sanity.io
• Snipcart
• Axios
• Algolia
• Netlify
• Airtable
• Hope in Source - Henry Zhiu

××× SIIIIICK ××× PIIIICKS ×××

• Jason: Kamado Joe Grill
• Scott: Zojirushi Hybrid Water Boiler and Warmer
• Wes: Waterproof Digital Instant Read Meat Thermometer

Shameless Plugs

• Jason’s Weekly Live stream
• Scott’s Courses
• Wes’ Courses - Use the coupon code ‘Syntax’ for $10 off!

Tweet us your tasty treats!

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets