2023

๐Ÿ˜Ž Unlocking Next.js Benefits: No SSR? No Problem!

Explore the benefits of using Next.js for app development, even if you don't require Server Side Rendering. Learn how its features enhance performance, speed up development, and maintain flexibility while simplifying the development process.

2022

๐ŸŒŽ Simple, pragmatic and performant i18n solution for JavaScript applications

A copy-paste snippet for pragmatic i18n implementation for any modern JavaScript application. Supports dotted paths & TypeScript.

๐Ÿ’… How to implement horizontal media scroller component in React with CSS only

A copy-paste snippet for implementing a swipeable carousel or so called media scroller component. Built with almost no-JS.

๐Ÿ–ผ๏ธ One rule for optimizing images on the web
157 views

The only rule you need to serve well-optimized images on the web

๐Ÿฆธ๐Ÿผ How to use wildcard domains with Next.js Image component
2175 views

A guide on how to use next/image component with wildcard subdomains. Useful when integrating with external providers, like Facebook or Instagram.

2021

๐ŸŒ‘ Creating accessible and non-flickering dark mode with Next.js
713 views

A tutorial on how to create accessible and non-flickering dark mode with Next.js for both SSR and SSG.

๐Ÿ—บ๏ธ Creating scalable sitemaps with Next.js
496 views

A go-to solution for creating scalable sitemaps using Next.js with minimal effort and costs

๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป NextJS custom image loader with WebP support and polyfill
813 views

Using next/image component with custom loader that supports both webp and jpeg polyfill in Safari. Three possible solutions and example with Contentful API.