Blog ✍️

Blog posts

• The filter(Boolean) trick

  Remove falsy values from an array.

  • javascript
  • array
  • filter
  • tip
• Using GraphQL with Gatsby

  How to write GraphQL queries in a Gatsby project.

  • gatsby
  • react
  • graphql
• Adding Content to a Gatsby Project

  The pros and cons of different approaches.

  • gatsby
  • react
  • webpack
• Writing CSS-in-JS in a Gatsby Project

  How CSS-in-JS libraries like CSS Modules and Styled Components make it easier to safely add and remove styles.

  • gatsby
  • react
  • css
  • css-in-js
  • css-modules
  • styled-components
• Writing CSS in a Gatsby Project

  How to write traditional CSS in a Gatsby project.

  • gatsby
  • react
  • css
  • sass
  • postcss
• Wrapping Pages in a Layout Component

  How to share common content and styling between pages.

  • gatsby
  • react
• Adding Pages to a Gatsby Project

  How to add pages to a Gatsby project and navigate between them.

  • gatsby
  • react
• Writing HTML in a Gatsby Project

  How to use React to split HTML into reusable components.

  • gatsby
  • react
  • jsx
  • html
• Gatsby's Default Files and Folders

  What's going on inside each folder in a Gatsby project.

  • gatsby
  • react
• Starting a New Gatsby Project

  How to start a Gatsby project on your computer.

  • gatsby
  • react
• What is Gatsby?

  How Gatsby combines the best features of React and HTML.

  • gatsby
  • react
• Introducing Gatsby Tutorials

  A new, community-updated directory of GatsbyJS learning resources.

  • gatsby
  • open source
• How to Set Up a Mac for Web Development

  What to install on your Mac before starting a JavaScript project.

  • mac
  • terminal
  • homebrew
  • node
  • npm
  • git
  • code editor
  • browser