Image optimization, font loading, dynamic imports, bundle analysis, Suspense streaming, and ISR patterns.
BeforeMerge offers hundreds of code review rules, guides, and detection patterns to help your team ship better code.
next/image for all imageswidth and height to prevent CLSpriority for above-the-fold imagessizes prop for responsive imagesnext/font instead of Google Fonts CDNdisplay: "swap"next/dynamic for heavy client componentsssr: false for browser-only libraries@next/bundle-analyzerPromise.all for parallel independent fetchesloading.tsx for instant navigation feedback<Suspense> for independent data regions"use client" pushed as low as possible(select auth.uid()).select("*, relation(*)")