Skip to main content
whitep4nth3r logo

Blogs and tutorials

  1. 11 Feb 2022

    How to build an HTML-only accordion — no JavaScript required!

    You don't need JavaScript to build accordions! Use HTML only and just four lines of code.

    Tutorials 2 min read →
  2. 6 Feb 2022

    Debug your CSS layouts with this one simple trick

    Are you battling with layouts in CSS? Use this one line of CSS to help you debug what's up and get you back on the road to success.

    CSS 2 min read →
  3. 18 Jan 2022

    How to use really long environment variables in Netlify functions

    Here’s how you can use a Netlify build plugin to use longer environment variables in your functions.

    Tutorials 4 min read →
  4. 13 Dec 2021

    An introduction to GraphQL and how to use GraphQL APIs

    Here's everything I learned this year about GraphQL for anyone getting started.

    GraphQL 10 min read →
  5. 29 Nov 2021

    How to load responsive images in AVIF and WebP using the HTML picture element

    A complete guide on how to serve responsive images in WebP and the new AVIF format where supported, using the HTML picture element.

    Tutorials 13 min read →
  6. 21 Oct 2021

    TIL: How to use GraphQL variables to give my queries type safety

    How can you make sure your GraphQL queries are safe from nasties? Let’s find out.

    Tutorials 4 min read →
  7. 10 Oct 2021

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

    In this episode of Learn with Jason, I teach Jason how to use Contentful’s GraphQL API to power Next.js dynamic routes.

    GraphQL 90 min read →
  8. 4 Oct 2021

    What is a REST API?

    REST? API? What does it all mean? Let’s break it down.

    Web Dev 8 min read →
  9. 16 Sep 2021

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

    I sat down with Colby Fayock to chat about Next.js and how all of its features help enable developers to build great experiences on the web.

    Web Dev 48 min read →
  10. 7 Sep 2021

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

    Encourage your event attendees to share their tickets for your next virtual event!

    Tutorials 11 min read →
  11. 1 Sep 2021

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

    I joined Cassidy Williams to talk about the performance benefits of Next.js, and how developers can make the most of the JavaScript framework.

    JavaScript 1 min read →
  12. 11 Aug 2021

    What is an API?

    Let's learn about application programming interfaces.

    Web Dev 9 min read →
  13. 4 Aug 2021

    A Next.js complete beginner tutorial using the Spotify API

    I'm joined by Ebonie (metalandcoffee_) where we set up a new Next.js and Spotify API project to curate music recommendations.

    Tutorials 1 min read →
  14. 11 Jul 2021

    How to avoid using relative path imports in Next.js

    Say goodbye to ../really/long/and/silly/paths/to/components in your Next.js application and define absolute imports with a jsconfig.json file.

    Snippets 1 min read →
  15. 8 Jul 2021

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

    After I create a new Next.js application I run this bash script to prepare my app for development — just the way I like it. Give it a try!

    Snippets 1 min read →