Skip to main content

posts about next.js

    • Eleventy logo shown as the number 11 + t y.
    • A white triangle representing the Vercel logo.
    • An icon of a laptop with angled brackets on the screen.
    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    A lighthouse report showing a score of 100 for performance, accessibility, best practises and SEO.

    How I massively improved my website performance by using the right tool for the job

    29 Mar 2022 10 min read

    • 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 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 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

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