Skip to main content

posts about jamstack

    • The Netlify logo in the green gradient.
    • A yellow square with the black letters JS at the bottom right.
    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    • An icon of a cloud with an up arrow at the centre.
    • An icon of a laptop with angled brackets on the screen.
    • An icon of a blank piece of paper with the bottom right corner turned up.
    Ben Holmes and me on a live stream, I'm pointing to Ben and he's in a rocket with a space helmet on. We're superimposed on top of the Astro website, with the Netlify logo in the bottom left.

    How to deploy an Astro site

    12 Jun 2022 9 min read

    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    The Jamstack logo in which on a red to orange gradient background.

    What is Jamstack?

    10 May 2022 7 min read

    • The Netlify logo in the green gradient.
    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    • An icon of a cloud with an up arrow at the centre.
    A youtube thumbnail showing a screenshot of my stream in black and white, with a code example of an edge function and some emoji pointing hands. There is also the white panther logo and a netlify logo at jaunty angles.

    We're all living on it. But what exactly is The Edge?

    26 Apr 2022 7 min read

    • 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 pink Jamstack logo that features a blocked white J shape on a pink background.
    The women of jamstack logo on a pink and orange gradient background.

    Unicorn Instagram: Catch up on the launch of Women of Jamstack

    17 Mar 2022 1 min read

    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    • Eleventy logo shown as the number 11 + t y.
    A youtube thumbnail featuring the headline Let's YOLO deploy, my with my arms in the air outlined in a pink and orange gradient, the prototype website in the background, and the eleventy and netlify logos.

    Watch the Women of Jamstack prototype get built and deployed in under 7 minutes

    1 Mar 2022 1 min read

    • The Contentful C logo in blue, yellow and red.
    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    • The Netlify logo in the green gradient.
    A screenshot of the Contentful entry editor, showing the Netlify preview app in the sidebar which comprises two buttons. The top button is labelled Build Netlify Preview and the bottom button is labeled Open Netlify.

    Build a CMS preview workflow for your Jamstack site

    22 Feb 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

    • 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