LCP and Images
Images are usually the LCP (Largest Contentful Paint) culprit. `next/image` handles lazy loading automatically, but `priority` is the property you need to master for above-the-fold content.
Loader Architecture
If you use a CMS (Contentful, Sanity), don't let Next.js optimize the images again. Use a custom `loader` to leverage the CMS's CDN transformations. It saves build time and bandwidth costs.
Related reading
Feb 10, 2025
React Compiler: Goodbye useMemo?
React 19's optimizing compiler promises to automate memoization. I tested it on a large codebase to see if manual optimization is truly dead.
Feb 5, 2025
Next.js Middleware Mastery
Advanced patterns for using Edge Middleware to handle authentication, geolocation, and AB testing before the request hits your layout.
Jan 22, 2025
CSS Container Queries are finally here
Responsive design is no longer about the viewport width. It's about the parent container context. How to use `@container` today.