2022
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.