Skip to main content
whitep4nth3r logo whitep4nth3r

Topic: Next.js

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • A white triangle representing the Vercel logo.
    • The Netlify logo.
    next.js plus netlify equals star eyes emoji

    Rewrite HTML and transform page props in Next.js with Next.js Advanced Middleware

    24 Aug 2022 7 min read

    • A white triangle representing the Vercel logo.
    • 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 Netlify logo.
    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

    • A white triangle representing the Vercel logo.
    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    • 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

    • 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

    • A white triangle representing the Vercel logo.
    • The Netlify logo.
    • 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 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

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • A yellow square with the black letters JS at the bottom right.
    • 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

    • A white triangle representing the Vercel logo.
    • An icon of angled brackets with a forward slash in the middle.
    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

    • A white triangle representing the Vercel logo.
    • An icon of angled brackets with a forward slash in the middle.
    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

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • 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.
    • 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

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • A white triangle representing the Vercel logo.
    • The Contentful C logo in blue, yellow and red.
    • A yellow square with the black letters JS at the bottom right.
    • The GraphQL logo in the GraphQL pink showing a hexagon shape with blobs on each edge, representing the graph node structure of GraphQL itself.
    An illustration of multiple browser windows with the Next.js logo

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

    22 Apr 2021 13 min read