Automatic image optimization for Next.js 14+ projects with dedicated Image Loaders.
npm install @imgnodus/imgnodus-react
'use client';
import { ImgNodusImage } from '@imgnodus/imgnodus-react';
export default function Hero() {
return (
<ImgNodusImage
src="https://api.imgnodus.com/u/hero.webp"
alt="Hero Banner"
className="w-full h-auto rounded-xl"
/>
);
}
We're working on automatic layout shift prevention and global state for image loading.