Aug. 17, 2020
In this Hasty Treat, Scott and Wes talk about tips and tricks for using Gatsby in your projects
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.com/syntax.
02:02 - React Helmet
04:27 - When in doubt, stop the build and restart
05:34 - Use ESM to use ES Modules everywhere - share functions between gatsby-node and gatsby-browser
06:44 - Run the build command locally to troubleshoot prod
08:06 - Wrap your layout automatically in gatsby-ssr and gatbsy-browser
09:50 - Consider just adding the layout component manually to each page
11:21 - Layout is not suitable for unmount animations
12:59 - use onCreatePage to pass context to the layout
exports.onCreatePage = ({ page, actions }) => { const { createPage } = actions; if (page.path.match(/thumbnail/)) { page.context.layout = 'thumbnail'; createPage(page); } };
14:03 - You don’t have to query for everything
15:32 - Gatsby Parallel Runner