Next.js
Overriding Next.js Link and Image Components
Next.js ships with these two incredibly useful utility components. You can further abstract these to clean up your code.
Custom XML Sitemap from a Catch All Route in Next.js
Building an XML sitemap in Next.js is a bit of an odd process. Here’s how I’ve done it by leveraging getStaticPaths methods from page components.
Open External next/link Links in a New Tab
Add a component that dynamically swaps between next/link and a native anchor tag, and decides how to write the target attribute, all based on the href property.
Run React Effect Hook only Once in Strict Mode
Running React in strict mode with Next.js can lead to useEffect callbacks with zero dependencies to run twice in development. Here’s a way around that.
Resetting State on Next.js Route Change
Component state doesn't change when navigating between dynamic routes in Next.js that use the same component. useEffect can help.
Generate Dynamic JSON Pages with Next.js
Two methods for generating JSON pages with Next.js. One that updates on every request, the other on every build.
Get user's Previous Path with NextJS Router
How to find the previous page a user visited before landing on the current page.