Skip to main content
whitep4nth3r logo whitep4nth3r

Topic: Netlify

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • The Netlify logo.
    • A yellow square with the black letters JS at the bottom right.
    My website screenshot, showing my home page with a next Twitch stream section, showing the time in GMT

    How to get the user’s timezone in JavaScript with Edge Functions

    12 Dec 2022 4 min read

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • The Netlify logo.
    • A yellow square with the black letters JS at the bottom right.
    Personalization with Netlify Edge Functions plus HTTP referer header — white text on a blue gradient background

    Personalize your static site based on a previous site referral

    25 Oct 2022 10 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 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

    • 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 cloud with an up arrow at the centre.
    • The Netlify logo.
    Personalisation at the edge, with no client side JavaScript

    Add personalization to static HTML with Netlify Edge Functions — no browser JavaScript required

    11 Aug 2022 8 min read

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • The Netlify logo.
    Published deploy details with the usual links to open published deploy and lock publishing to this deploy. Below is a lighthouse summary section, which shows the following scores. 100 performance, 100 accessibility, 100 best practices, 100 SEO, 80 progressive web app.

    How to view Google Lighthouse scores for your site in Netlify

    24 Jul 2022 2 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.
    • The Netlify logo.
    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

    • An icon of a cloud with an up arrow at the centre.
    • The Netlify logo.
    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

    • An icon of a laptop with angled brackets on the screen.
    • The Netlify logo.
    A screenshot of whitep4nth3r.live, showing a terrible under construction GIF, a sparkly background, a twitch player embed, and a simulated scrolling marquee.

    Why you should ship your silly side projects

    4 Mar 2022 5 min read

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • The Netlify logo.
    • The Contentful C logo in blue, yellow and red.
    • The pink Jamstack logo that features a blocked white J shape on a pink background.
    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

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • The Netlify logo.
    • An icon of a cloud with an up arrow at the centre.
    A screenshot showing the new build hook has been added.

    How to deploy your Netlify site with an Elgato Stream Deck

    15 Feb 2022 4 min read

    • An icon of a blank piece of paper with the bottom right corner turned up.
    • The Netlify logo.
    • The NodeJS logo in white, featuring the letters JS outlined by a hexagon.
    • An icon of a cloud with an up arrow at the centre.
    A Netlify branded image with a dark green background with a radial gradient, with the text

    How to use really long environment variables in Netlify functions

    18 Jan 2022 4 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 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.
    • 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 cloud with an up arrow at the centre.
    • The Netlify logo.
    A screenshot of the thingoftheday.xyz RSS feed in an RSS reader

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

    8 Mar 2021 5 min read