Example

This codemod turns X into Y. It also does Z. Note: this is a contrived example. Please modify it.

Rspack implements Webpack 5's Asset Modules, using asset modules to replace raw-loader to 'asset/source' for better performance.

Use prevPage/nextPage props for greater control.

Renaming types or functions can be part of an effort to clarify the library's API, deprecate old functionality, or introduce new features. In this case, KeysWithSeparator has been renamed to JoinKeys. This means wherever KeysWithSeparator was used in the codebase, it needs to be replaced with JoinKeys.

Configure staleTimes in next.config.js

Update Fetch Requests to Handle Caching

Update Route Handlers to Handle Caching

This recipe is a set of codemods that will help migrate to next 15.

Refactor experimental.serverComponentsExternalPackages to serverExternalPackages

Refactor Imports from @next/font to next/font

This codemod removes app.use() and the use of middleware is no longer supported.

When using NavigationMenuLink together with NuxtLink according to the documentation the menu does not dismiss when clicking on a link.

The useSession hook has been updated to return an object. This allows you to test states much more cleanly with the new status option.

Recalculates tabs indicator position on direction change in the Tab Component

The App Router Recipe is a set of codemods that assist you with the pages-to-app migration process.

This codemod copies specific keys from one translation namespace to another, for each of the supported languages.

This codemod moves transforms imports from next/server to next/og for usage of Dynamic OG Image Generation.

This codemod migrates certain viewport metadata to viewport export.

Since Next.js 13.4, you can mark the files that contain only client-side code with the use client directive at the top.

A recent update in Next.js brought a breaking change: the useSearchParams hook no longer includes params. To ease the migration, the new useCompatSearchParams hook can be used. This hook mimics the behavior of the old useSearchParams in two ways: