Skip to main content
whitep4nth3r logo

Blogs and tutorials

  1. 13 Dec 2021

    An introduction to GraphQL and how to use GraphQL APIs

    While it’s easy to start making your first query with GraphQL with very little research, I thought it would be useful to consolidate all I’ve learned throughout the year and provide a high-level introduction to GraphQL for anyone interested in getting started.

    GraphQL 10 min read →
  2. 29 Nov 2021

    How to load responsive images in AVIF and WebP using the HTML picture element

    AVIF claims to offer 30% better compression than current alternatives such as WebP. It’s optimized for the web, designed with a low computation footprint, and what’s more — it’s open source. But should you be using AVIF? As usual, it depends! And if you'd like to try it out, here's a complete guide on how to serve responsive images in multiple formats to the browser using the HTML picture element.

    Tutorials 13 min read →
  3. 21 Oct 2021

    TIL: How to use GraphQL variables to give my queries type safety

    One of the things I love about GraphQL is how straightforward it is to get up and running with little to no experience. But how can you make sure your GraphQL queries are safe from nasties? Let’s find out.

    Tutorials 4 min read →
  4. 10 Oct 2021

    Next.js Dynamic Routes with Contentful's GraphQL API — with Jason Lengstorf

    Next.js has a popular approach for generating dynamic routes. In this episode of Learn with Jason, I teach Jason how to use Contentful’s GraphQL API to power them!

    GraphQL 90 min read →
  5. 4 Oct 2021

    What is a REST API?

    If you’ve had a look at the Contentful docs, you’ll have seen the acronyms REST and API in at least a few places! But what does it all mean? Let’s break it down.

    Web Dev 8 min read →
  6. 20 Sep 2021

    Why I love Polywork as a developer advocate — and it's not for the reason you think

    Polywork launched in April 2021 as a “place for people to express who they are”. Is it just a new hipster version of LinkedIn? I take a look at how it compares and share my number one reason why I like Polywork.

    Career 6 min read →
  7. 16 Sep 2021

    Ecommerce and Next.js on the Jamstack — with Colby Fayock

    I sat down with Colby Fayock to chat about Next.js and how all of its features help enable developers to build great experiences on the web.

    Web Dev 48 min read →
  8. 7 Sep 2021

    How to build a personalized image social sharing app with Cloudinary and Next.js

    In this post, we’re going to build an app that generates a personalized image of a ticket to share on socials using Cloudinary and Next.js so you can encourage your event attendees to share their tickets for your next virtual event!

    Tutorials 11 min read →
  9. 1 Sep 2021

    Why I love building with Next.js — a fireside chat with Cassidy Williams of Netlify

    I joined Cassidy Williams of Netlify for a fireside chat to talk about the performance benefits of Next.js, and how developers can make the most of the JavaScript framework.

    JavaScript 1 min read →
  10. 11 Aug 2021

    What is an API?

    If you’ve read the Contentful docs, you’ll have seen that we provide a REST API and a GraphQL API to access and manage your content. But what is an API?

    Web Dev 9 min read →
  11. 4 Aug 2021

    A Next.js complete beginner tutorial using the Spotify API

    In this video I'm joined by Ebonie (metalandcoffee_) — web developer, Metal DJ and Twitch streamer — where we set up a new project in Next.js to curate music recommendations using the Spotify API.

    Tutorials 1 min read →
  12. 11 Jul 2021

    How to avoid using relative path imports in Next.js

    Say goodbye to ../../../../really/long/and/silly/paths/to/components in your Next.js application and define absolute imports with a jsconfig.json file.

    Snippets 1 min read →
  13. 8 Jul 2021

    How I set up my new Next.js projects with a handy bash script

    After I create a new Next.js application with npx create-next-app, I run this bash script to prepare my app for development — just the way I like it. And then I tell myself to have a nice day! Give it a try!

    Snippets 1 min read →
  14. 1 Jul 2021

    How to add Algolia InstantSearch to your Next.js application

    By the time I had written 15 blog articles on my website, it was getting a little tricky to find what I was looking for in a hurry! So I set out to implement search functionality on my blog.

    Tutorials 9 min read →
  15. 14 Jun 2021

    How to filter entries by linked references in GraphQL

    Do you want to filter your blog posts by linked topics such as “javascript” or “tutorial” via GraphQL? Check out this quick guide that shows you how to get the data you need using the linkedFrom field in your query — it’s pretty nice!

    Tutorials 4 min read →