Tag: Gatsby
Add inline style elements in Gatsby
typographyperformancegatsby15 March, 2020Time to read: 1 minsSee how to add inline style elements to a specific page in your Gatsby app with react-helmet.
Page transitions in Gatsby
gatsby25 August, 2019Time to read: 2 minsYou can find here some experiments I made with complex page transitions in Gatsby.
GraphQL queries inside MDX files
gatsby22 August, 2019Time to read: 1 minsSee what options you have when you want to query data with GraphQL inside your MDX files.
wrapRootElement vs wrapPageElement
gatsby21 August, 2019Time to read: 1 minsWe see the differences between two browser APIs in Gatsby: the wrapRootElement and the wrapPageElement.
Dark mode in React with Theme UI
gatsbyreact13 August, 2019Time to read: 3 minsLearn how to implement dark mode in your Gatsby application fast with the Theme UI library.
Modals in Gatsby
gatsbyreact25 July, 2019Time to read: 4 minsIn this post, you’ll see how to create modals in Gatsby, and how to render them in different pages to improve SEO.
Change the URLs of posts in Gatsby
gatsbyreact17 July, 2019Time to read: 3 minsLearn how to change the URLs of your pages in Gatsby.
Working with data in Gatsby
reactgatsby23 June, 2019Time to read: 6 minsYou will see how you to work with data in Gatsby from hard coding them, to transformer plugins, and finally to MDX.
Implementing dark mode in React
reactgatsby13 May, 2019Time to read: 10 minsIt may seem easy, but it’s deceptively hard to get it right. We break down 4 solutions for implementing dark mode in React.
Displaying hundreds of images with react-window and gatsby-image
reactgatsbyreact-window30 March, 2019Time to read: 6 minsSee how to display hundreds of images with react-window and gatsby-image by building an app that displays all the Hearthstone cards in a grid. You can also see the compromises you have to make.
SEO + DX focused internationalization for Gatsby
reactgatsbyreact-intl07 February, 2019Time to read: 4 minsSupport multiple languages, and don’t compromise the SEO or the DX in your Gatsby application with react-intl.
Extremely fast loading with Gatsby and self-hosted fonts
gatsbytypographyperformance26 January, 2019Time to read: 4 minsDrastically improve the load time of your Gatsby application with self-hosted fonts from the typefaces library.
Gatsby background image example
reactgatsby25 January, 2019Time to read: 2 minsIn this post, you learn how to use the gatsby-image component as a background image.
Essential Gatsby plugins. Part 3, PWA/Styling and the rest.
reactgatsby25 October, 2018Time to read: 6 minsIn this post, we’ll see what plugins you can use to make your Gatsby app a PWA, style it and more.
Essential Gatsby plugins. Part 2, Markdown
reactgatsby24 October, 2018Time to read: 6 minsIn this post, we’ll see what plugins you can use in order to parse and display markdown files in your Gatsby app.
Essential Gatsby plugins. Part 1, SEO and Images
reactgatsby23 October, 2018Time to read: 5 minsIn this post, we’ll see what plugins you can use in order to improve the SEO of your Gatsby app and handle images effectively.