2022
Quick tutorial on how to use multiple GitHub accounts on one machine with SSH keys
Sometimes you don't want to use some modules from a library or other part of your code. Or you want to prevent your colleagues from using them. This post gives you a ready-to-use solution for banning imports with ESLint.
When it comes to repeatable SVGs, most people would create a component and reuse it anywhere they want. There's a high chance, that you would be missing some performance freebies. If you're striving for that bang-for-the-buck kind of performance, this article might be interesting for you.
A copy-paste snippet for pragmatic i18n implementation for any modern JavaScript application. Supports dotted paths & TypeScript.
How to assign multiple refs to a react component wrapped with forwardRef. Copy-paste solution.
A copy-paste snippet for implementing a swipeable carousel or so called media scroller component. Built with almost no-JS.
The only rule you need to serve well-optimized images on the web
A guide on how to use next/image component with wildcard subdomains. Useful when integrating with external providers, like Facebook or Instagram.
2021
ESLint config snippet for sorting imports automatically on file save. Works well with Next.js
Snippet for reusing SVG elements in HTML without copy-pasting it. Example made in React.js
A tutorial on how to create accessible and non-flickering dark mode with Next.js for both SSR and SSG.
A go-to solution for creating scalable sitemaps using Next.js with minimal effort and costs
Using next/image component with custom loader that supports both webp and jpeg polyfill in Safari. Three possible solutions and example with Contentful API.