Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
gatsby

19 Articles
{
,

}
Direct link to the article Data-driven Jamstack with Sourcebit
gatsby jamstack stackbit

Data-driven Jamstack with Sourcebit

Direct Link

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 …

Avatar of Chris Coyier
Shared by Chris Coyier on Feb 28, 2020
Direct link to the article Build a dynamic JAMstack app with GatsbyJS and FaunaDB
gatsby jamstack

Build a dynamic JAMstack app with GatsbyJS and FaunaDB

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 …

❥ Sponsored
Direct link to the article Embedded Content in Markdown
gatsby markdown oembed

Embedded Content in Markdown

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, …

Avatar of Chris Coyier
Chris Coyier on Dec 30, 2019
Direct link to the article Gatsby and WordPress
gatsby WordPress

Gatsby and WordPress

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 …

Avatar of Chris Coyier
Chris Coyier on Dec 30, 2019
Direct link to the article How to Get the Current Page URL in Gatsby
gatsby react react helmet

How to Get the Current Page URL in Gatsby

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 …

Avatar of Dmitry Mayorov
Dmitry Mayorov on Dec 20, 2019
Direct link to the article Ways to Organize and Prepare Images for a Blur-Up Effect Using Gatsby
gatsby image strategies images

Ways to Organize and Prepare Images for a Blur-Up Effect Using Gatsby

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 …

Avatar of Ajay
Ajay on Nov 18, 2019
Direct link to the article A Beginner’s Journey to Launching a Website
domains gatsby hosting netlify static sites

A Beginner’s Journey to Launching a Website

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 …

Avatar of Josh
Josh on Jul 22, 2019 (Updated on Aug 2, 2019)
Direct link to the article Using GraphQL Playground with Gatsby
gatsby graphql

Using GraphQL Playground with Gatsby

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:

  1. Data Sources → Pull data from anywhere.
  2. Build →
…
Avatar of Adebiyi Adedotun
Adebiyi Adedotun on Jul 18, 2019
  • Newer
  • 1
  • 2

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top