Skip to main content

Blog posts and tutorials

I write and live stream about front end development. Read tutorials and quick tips on HTML, CSS, JavaScript and Jamstack.

    • The Contentful C logo in blue, yellow and red.
    • The GraphQL logo in the GraphQL pink showing a hexagon shape with blobs on each edge, representing the graph node structure of GraphQL itself.
    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    • A white triangle representing the Vercel logo.
    • The Netlify logo in the green gradient.
    A thumbnail for the Learn with Jason show, featuring head shots of whitep4nth3r and Jason, with the title

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

    10 Oct 2021 90 min read

    • The Contentful C logo in blue, yellow and red.
    • An icon of a laptop with angled brackets on the screen.
    An illustration of three web browser windows with lots of interlocking blocks in yellow, blue and green.

    What is a REST API?

    4 Oct 2021 8 min read

    • An illustration of a white coffee cup with two white steam lines coming from the top.
    The Polywork homepage, showing six neomorphic colourful characters on a bright purple background. The headline in the middle reads

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

    20 Sep 2021 6 min read

    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    • A white triangle representing the Vercel logo.
    • An icon of a laptop with angled brackets on the screen.
    A Youtube thumbnail featuring my headshot against a red background on the left, Colby on the right pulling a silly face, and the title in the middle which reads Ecomm & Next.js. Ecommerce on the Jamstack.

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

    16 Sep 2021 48 min read

    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    • An icon of a blank piece of paper with the bottom right corner turned up.
    • An icon of a laptop with angled brackets on the screen.
    • A yellow square with the black letters JS at the bottom right.
    • A white triangle representing the Vercel logo.
    A collage of GraphQL conf, Nextjs Conf and Fast Forward Conf social sharing event tickets in a range of desktop and mobile views.

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

    7 Sep 2021 11 min read

    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    • A yellow square with the black letters JS at the bottom right.
    • A white triangle representing the Vercel logo.
    • The Netlify logo in the green gradient.
    A screenshot from the Building with Next.js Cassidy Williams and Salma Alam-Naylor Architecting with Next.js 2021 video showing Cassidy on the left and Salma on the right against a Netlify branded background.

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

    1 Sep 2021 1 min read

    • The Contentful C logo in blue, yellow and red.
    • An icon of a laptop with angled brackets on the screen.
    An illustration of blue and yellow rectangles on a blue background, representing application layers, with some wheel cogs in the top left and bottom right corners.

    What is an API?

    11 Aug 2021 9 min read

    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    • A yellow square with the black letters JS at the bottom right.
    • An icon of a blank piece of paper with the bottom right corner turned up.
    • An icon of a laptop with angled brackets on the screen.
    • A white triangle representing the Vercel logo.
    A YouTube thumbnail featuring images of myself and Ebonie, the title

    A Next.js complete beginner tutorial using the Spotify API

    4 Aug 2021 1 min read

    • An icon of angled brackets with a forward slash in the middle.
    • A white triangle representing the Vercel logo.
    A code example of a Next.js jsconfig.json file, showing how to define absolute paths in your files.

    How to avoid using relative path imports in Next.js

    11 Jul 2021 1 min read

    • An icon of angled brackets with a forward slash in the middle.
    • A white triangle representing the Vercel logo.
    A screenshot of the reset-next.sh gist in GitHub.

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

    8 Jul 2021 1 min read

    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    • A yellow square with the black letters JS at the bottom right.
    • The NodeJS logo in white, featuring the letters JS outlined by a hexagon.
    • An icon of a blank piece of paper with the bottom right corner turned up.
    • A white triangle representing the Vercel logo.
    An illustration showing a web page, a magnifying glass, and the Next.js logo

    How to add Algolia InstantSearch to your Next.js application

    1 Jul 2021 9 min read

    • The Contentful C logo in blue, yellow and red.
    • A yellow square with the black letters JS at the bottom right.
    • An icon of a blank piece of paper with the bottom right corner turned up.
    • The GraphQL logo in the GraphQL pink showing a hexagon shape with blobs on each edge, representing the graph node structure of GraphQL itself.
    Illustration of a GraphQL logo with menu options to the right of it.

    How to filter entries by linked references in GraphQL

    14 Jun 2021 4 min read

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • An icon of a cloud with an up arrow at the centre.
    • The Contentful C logo in blue, yellow and red.
    A screenshot of the GitHub UI showing a link to set up a workflow yourself after clicking on the Actions tab in the UI.

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

    27 May 2021 4 min read

    • The Contentful C logo in blue, yellow and red.
    • A yellow square with the black letters JS at the bottom right.
    An illustration of web browser windows, the GraphQL logo, the Grammarly logo and a video embed representation.

    Rich Text field tips and tricks from the Contentful DevRel team

    26 May 2021 4 min read