Use case
Framework
Owner
Use Client Added
This is a codemod created with
codemod init.Next/15/Add Experimental Stale Times
Configure staleTimes in next.config.js
Next/15/Update Fetch Requests To Handle Caching
Update Fetch Requests to Handle Caching
Next/15/Update Route Handlers
Update Route Handlers to Handle Caching
Next/15/Migration Recipe
This recipe is a set of codemods that will help migrate to next 15.
Next/15/Refactor Imports From @Next/Font To Next/Font
Refactor Imports from @next/font to next/font
Next/13/App Router Recipe
The App Router Recipe is a set of codemods that assist you with the pages-to-app migration process.
Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
Next/14/Next Og Import
This codemod moves transforms imports from
next/servertonext/ogfor usage of Dynamic OG Image Generation.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
Next/14/Metadata To Viewport Export
This codemod migrates certain viewport metadata to
viewportexport.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
Next/13/Upsert Use Client Directive
Since Next.js 13.4, you can mark the files that contain only client-side code with the
use clientdirective at the top.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
Next/13/Replace Use Search Params
A recent update in Next.js brought a breaking change: the
useSearchParamshook no longer includesparams. To ease the migration, the newuseCompatSearchParamshook can be used. This hook mimics the behavior of the olduseSearchParamsin two ways:Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
Next/13/Replace Next Router
Since Next.js 13.4, you can use the following hooks from the
next/navigationmodule:Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
Next/13/Replace Next Head
This codemod generates a static metadata object based on meta tags managed by
next/head.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
Next/13/Replace Api Routes
Replaces API Routes with Route Handlers.
Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
Next/13/Remove Next Export
The
next exportcommand is deprecated. This codemod dangerously removes all references to the command in*.md,*.sh,package.json. It also adds a propertyoutputwith the valueexportto themodule.exportsobject innext.config.jsfiles.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
Next/13/Remove Get Static Props
The following data fetching methods are no longer available in the
appdirectory:Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
Next/13/Next Image To Legacy Image
This codemod safely migrates existing Next.js 10, 11, 12 applications importing
next/imageto the renamednext/legacy/imageimport in Next.js 13 by replacingnext/imageimports withnext/legacy/imageand replacingnext/future/imageimports withnext/image.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
Next/13/New Link
Safely removes
<a>fromLinkcomponents imported from thenext/linkmodule or adds thelegacyBehaviorprop on the component level.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
Next/13/New Image Experimental
This codemod dangerously migrates the usages of the
Imagecomponent from thenext/legacy/imagemodule to thenext/imagemodule. This is achieved by adding inline styles and removing unused props.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
Next/13/Move Css In Js Styles
This highly experimental codemod moves the CSS-in-JS styles into the CSS Modules.
Codemod verified
Regularly tested and maintained by our engineers and codemod expert community