Blogs and tutorials
-
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.
-
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.
-
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.
-
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!
-
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.
-
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.
-
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.
-
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!
-
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.
-
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?
-
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.
-
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.
-
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!
-
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.
-
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!