Blogs and tutorials

I spent years Googling “what is the difference between : and :: in CSS” before the information stayed in my brain. Sound familiar? Then this post is for you.

Learn how to intercept and rewrite the response of a Next.js statically generated page and transform page props at the edge with Next.js Advanced Middleware from Netlify.

Personalization and shipping less JavaScript to the browser are hot topics in 2022, and with Netlify Edge Functions, you can achieve dynamic personalization with no client-side JavaScript — resulting in a great developer experience, and an even better end-user outcome. Check out the video tutorial and accompanying walk-through.

How many times have you forgotten to review your Google Lighthouse scores before you’ve pushed out a feature? You’re in good hands with Netlify and Lighthouse Score Visualizations.

Do you often ask yourself, should I write a new JavaScript framework? Here's some things you should consider, and some tips to get you started.

Learn how to deploy an Astro project as a static, server-rendered, or edge-rendered site, try out some Netlify templates, and learn how to deploy to Netlify.

Learn how to use Node.js, npm and npx to build a CLI tool to output a business card to the terminal. Bonus demo repository included!

Add extra metadata to the head tag in your web pages — such as reading time and author — to show richer previews in Slack when your link is unfurled.

Want to add quick support for light mode and dark mode to your website using only CSS? Combine two CSS custom properties with a media query to get set up in seconds.

In this post, we’ll explore what Jamstack is, why Jamstack entered the web dev scene, “Jamstack-adjacent” technologies, and how you can get started building on the Jamstack.

More and more cloud hosting providers and software-as-a-service platforms are offering serverless functions at The Edge. But what is The Edge? What are Edge Functions? And why does it matter?

In a world full of JavaScript frameworks, SPAs, cutting-edge CSS animations, powerful devices and fast internet connections, HTML-only websites are a controversial and divisive topic. But why?

In the third iteration of my blog site, I went back to web basics. I wanted to bag a huge performance increase by shipping plain HTML, CSS and as little JavaScript to the browser as possible. Did I succeed? And what did I learn along the way? Let's find out.

The RSS feed lives on! But I've always found it difficult to Google for the correct date format required for RSS feeds (RFC-822). Here's a selection of links, guidance and code snippets for future me — and you!

Automate your git cleanup! Here's a shell function to add to your bashrc/zshrc file to delete all merged git branches in one command.