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.