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

Articles Tagged
graphql

27 Articles
{
,

}
Direct link to the article How to Add Lunr Search to Your Gatsby Website
autocomplete gatsby graphql search

How to Add Lunr Search to Your Gatsby Website

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 …

Avatar of Paulina Hetman
Paulina Hetman on Apr 22, 2020 (Updated on Aug 18, 2021)
Direct link to the article gqless
graphql

gqless

This is so cool. I mean, GraphQL is already cool. It’s very satisfying to write an understandable-looking query for whatever you want and then use that data in templates.

But what if you didn’t have to write the query at …

Avatar of Chris Coyier
Chris Coyier on Mar 30, 2020
Direct link to the article Get Started Building GraphQL APIs With Node
graphql node

Get Started Building GraphQL APIs With Node

We all have a number of interests and passions. For example, I’m interested in JavaScript, 90’s indie rock and hip hop, obscure jazz, the city of Pittsburgh, pizza, coffee, and movies starring John Lurie. We also have family members, friends, …

Avatar of Adam Scott
Adam Scott on Mar 13, 2020
Direct link to the article Practice GraphQL Queries With the State of JavaScript API
api graphql

Practice GraphQL Queries With the State of JavaScript API

Learning how to build GraphQL APIs can be quite challenging. But you can learn how to use GraphQL APIs in 10 minutes! And it so happens I’ve got the perfect API for that: the brand new, fresh-of-the-VS-Code State of JavaScript …

Avatar of Sacha Greif
Sacha Greif on Jan 29, 2020
Direct link to the article Apollo GraphQL without JavaScript
apollo graphql progressive enhancement react

Apollo GraphQL without JavaScript

Direct Link

It’s cool to see progressive enhancement being done even while using the fanciest of the fancy front-end technologies.

This is a button in a JSX React component that has a click handler applied directly to it that fires a data …

Avatar of Chris Coyier
Shared by Chris Coyier on Jan 29, 2020 (Updated on Aug 3, 2021)
Direct link to the article Raw GraphQL Querying
graphql

Raw GraphQL Querying

GraphQL has all kinds of awesome tooling built around it. But like everything on the web, it ultimately comes down to data shootin’ across the ol’ network and responses coming back. If you need to talk to a GraphQL API…

Avatar of Chris Coyier
Chris Coyier on Dec 20, 2019
Direct link to the article Meeting GraphQL at a Cocktail Mixer
apis graphql

Meeting GraphQL at a Cocktail Mixer

GraphQL and REST are two specifications used when building APIs for websites to use. REST defines a series of unique identifiers (URLs) that applications use to request and send data. GraphQL defines a query language that allows client applications to …

Avatar of Sebastian Scholl
Sebastian Scholl on Sep 26, 2019
Direct link to the article The Best (GraphQL) API is One You Write
graphql groq sanity

The Best (GraphQL) API is One You Write

Listen, I am no GraphQL expert but I do enjoy working with it. The way it exposes data to me as a front-end developer is pretty cool. It’s like a menu of available data and I can ask for whatever …

Avatar of Chris Coyier
Chris Coyier on Aug 29, 2019 (Updated on Mar 9, 2020)
Direct link to the article Multiplayer Tic Tac Toe with GraphQL
game graphql

Multiplayer Tic Tac Toe with GraphQL

GraphQL is a query language for APIs that is very empowering for front-end developers. As the GraphQL site explains it, you describe your data, ask for what you want, and get predictable results.

If you haven’t worked with it …

Avatar of Rishichandra Wawhal
Rishichandra Wawhal on Aug 23, 2019
Direct link to the article #173: Ooooops I guess we’re full-stack developers now.
full stack graphql react routing

#173: Ooooops I guess we’re full-stack developers now.

And by “we’re”, I mean us, front-end developers ;)

Here’s the website that goes with this talk.

This is a talk I put together where I postulate that, over time, the breadth of what front-end developers are able to do …

Avatar of Chris Coyier
Chris Coyier on Aug 7, 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
  • 3
  • Older

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
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top