Skip to main content
whitep4nth3r logo
Posts tagged

Contentful

  1. 22 Feb 2022

    Build a CMS preview workflow for your Jamstack site

    In this article we're going to learn how to preview your draft content stored in Contentful by building a custom app that builds a preview branch of your static site. And the good news is — this approach could work for any static site, hosted on any platform, powered by any CMS!

    Tutorials 10 min read →
  2. 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 →
  3. 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 →
  4. 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 →
  5. 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!

    Next.js 90 min read →
  6. 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 →
  7. 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 →
  8. 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 →
  9. 27 May 2021

    How to use GitHub actions and Contentful webhooks to show your latest blog posts on your GitHub README

    Want to show your latest blog posts on your GitHub README? Here's how I do it using the power of GitHub actions and webhooks in Contentful.

    Tutorials 4 min read →
  10. 26 May 2021

    Rich Text field tips and tricks from the Contentful DevRel team

    The Contentful Rich Text field is powerful. But how can you make the most of it? Level up your Rich-Text game with a growing list of top tips from the Contentful DevRel team.

    Contentful 4 min read →
  11. 22 Apr 2021

    Paginating your Contentful blog posts in Next.js with the GraphQL API

    In this post, we’re going to build a set of article list pages that display a number of blog post summaries per page — fetched from the Contentful GraphQL API at build time with Next.js.

    Tutorials 13 min read →
  12. 13 Apr 2021

    Exploring linked entries and assets in Contentful with JavaScript via REST and GraphQL

    I set out to explore and investigate the inner workings of the Contentful REST API and GraphQL API in terms of linking assets and entries on a content type in order to understand how we can render links inside Contentful Rich Text fields.

    Contentful 7 min read →
  13. 13 Apr 2021

    Rendering linked assets and entries in the Contentful Rich Text field

    Take a deep dive into rendering linked assets and entries in the Contentful Rich Text field using both the REST and GraphQL APIs.

    Contentful 9 min read →
  14. 8 Mar 2021

    How to generate an RSS feed for your blog with JavaScript and Netlify functions

    After I built my first project with Contentful, I had no idea people would actually want to follow my content using their favorite RSS reader (thanks, Stefan Judis!). So I set out to learn how to generate an RSS feed for my microblog that’s built with no front-end frameworks.

    Tutorials 5 min read →
  15. 5 Feb 2021

    How to build a lightweight microblogging site with Contentful, vanilla HTML, CSS and JavaScript

    Learn how to build a lightweight microblog with Contentful and vanilla HTML, CSS and JavaScript.

    Tutorials 9 min read →