Search
8 Games Based On Books That Will Help Grow Your Gorgeous Brain
16.6.2022
Literature trends that turn authors into influencers and mail out literary bucket hats have determined that it is officially Hot Book Summer. Like Hot Girl Summer, Hot Book Summer, if done correctly, is all beauty with just a tasteful dash of brains. But what about us, we who carry the extra burden...
Native Search vs. Jetpack Instant Search in Headless WordPress With Gatsby
18.8.2021
Have you already tried using WordPress headlessly with Gatsby? If you haven’t, you might check this article around the new Gatsby source plugin for WordPress; gatsby-source-wordpress is the official source plugin introduced in March 2021 as a part of the …
The post Native Search vs. Jetpack...
Using New Gatsby Source WordPress Plugin
23.4.2021
In my previous article, I discussed how I learned to create a decoupled WordPress powered Gatsby site using the Gatsby Source WPGraphQL plugin. The project was done following the ongoing developmental version of WPGraphQL and an excellent tutorial by Henrik …
The post Using New Gatsby Source...
Comparing Static Site Generator Build Times
28.10.2020
There are so many static site generators (SSGs). It’s overwhelming trying to decide where to start. While an abundance of helpful articles may help wade through the (popular) options, they don’t magically make the decision easy.
I’ve been on a quest to help make that decision easier. A colleague...
My Long Journey to a Decoupled WordPress Gatsby Site
13.7.2020
As a professional research biologist, my playground used to be science laboratories filled with microscopes, petri dishes, and biology tools. Curiosity leads many scientists on their journey to discoveries. Mine led me to web design. I used to try learning HTML on my lab desktop while centrifuging...
Introducing Headless WordPress with Gatsby Cloud (Live Preview, Incremental Builds, and more!)
13.7.2020
The Gatsby team shipped an update to its source plugin for WordPress, graduating it to a beta release. The new version brings a new set of features to Gatsby’s headless WordPress configuration, which brings together WPGraphQL and WPGatsby to power a Gatsby front-end that pulls in data from...
How to Make Taxonomy Pages With Gatsby and Sanity.io
21.5.2020
Learn how to make category pages with Gatsby and structured content from Sanity.io.
The post How to Make Taxonomy Pages With Gatsby and Sanity.io appeared first on CSS-Tricks
Roll Your Own Comments With Gatsby and FaunaDB
21.5.2020
If you haven’t used Gatsby before have a read about why it’s fast in every way that matters, and if you haven’t used FaunaDB before you’re in for a treat. If you’re looking to make your static sites full blown Jamstack applications this is the back...
Working With MDX Custom Elements and Shortcodes
7.5.2020
MDX is a killer feature for things like blogs, slide decks and component documentation. It allows you to write Markdown without worrying about HTML elements, their formatting and placement while sprinkling in the magic of custom React components when necessary.
Let’s harness that magic and look...
Enable Gatsby Incremental Builds on Netlify
1.5.2020
The concept of an “incremental build” is that, when using some kind of generator that builds all the files that make for a website, rather than rebuilding 100% of those files every single time, it only changes the files that need to be changed since the last build. Seems like...
How to Add Lunr Search to your Gatsby Website
22.4.2020
The Jamstack way of thinking and building websites is becoming more and more popular.
Have you already tried Gatsby, Nuxt, or Gridsome (to cite only a few)? Chances are that your first contact was a “Wow!” moment — so many things are automatically set up and ready to use. 
There are some...
How We Created a Static Site That Generates Tartan Patterns in SVG
4.3.2020
Tartan is a patterned cloth that’s typically associated with Scotland, particularly their fashionable kilts. On tartanify.com, we gathered over 5,000 tartan patterns (as SVG and PNG files), taking care to filter out any that have explicit usage restrictions.
The idea was cooked up by Sylvain...
Data-driven Jamstack with Sourcebit
28.2.2020
Think of building sites with Gatsby as an hourglass shape.
Gatsby itself is right in the middle. The wide funnel at the top represents the fact that Gatsby can take in data from all sorts of sources. The data could be in markdown files, from a headless CMS or some other API, from a hosted database...
Build a dynamic JAMstack app with GatsbyJS and FaunaDB
23.1.2020
In this article, we explain the difference between single-page apps (SPAs) and static sites, and how we can bring the advantages of both worlds together in a dynamic JAMstack app using GatsbyJS and FaunaDB. We will build an application that pulls in some data from FaunaDB during build time...
Embedded Content in Markdown
31.12.2019
Markdown supports HTML, so if you need to, say, embed a YouTube video, you can just copy and paste the embed code from them, drop it into a Markdown document, and you should be good to go. With YouTube specifically, there are other options. But in general, you don't need to do anything special...
Gatsby and WordPress
31.12.2019
Gatsby and WordPress is an interesting combo to watch. On one hand, it makes perfect sense. Gatsby can suck up data from anywhere, and with WordPress having a native REST API, it makes for a good pairing. Of course Gatsby has a first-class plugin for sourcing data from WordPress that even supports...
How to the Get Current Page URL in Gatsby
20.12.2019
This seemingly simple task had me scratching my head for a few hours while I was working on my website. As it turns out, getting the current page URL in Gatsby is not as straightforward as you may think, but also not so complicated to understand.
Let’s look at a few methods of making it happen....
Ways to Organize and Prepare Images for a Blur-Up Effect Using Gatsby
18.11.2019
Gatsby does a great job processing and handling images. For example, it helps you save time with image optimization because you don’t have to manually optimize each image on your own.
With plugins and some configuration, you can even setup image preloading and a technique called blur-up for your...
A Beginner’s Journey to Launching a Website
22.7.2019
In September 2018, I was just a few months into my journey of learning web development. As I'm sure is the case with many new developers, it was a big task for me to learn not only the basic skills required, but also keeping current with the fast-moving industry. Just as I was getting to the level...
Using GraphQL Playground with Gatsby
18.7.2019
I’m assuming most of you have already heard about Gatsby, and at least loosely know that it’s basically a static site generator for React sites. It generally runs like this:
Data Sources → Pull data from anywhere.
Build → Generate your website with React and GraphQL.
Deploy → Send the site to...