Use case
Framework
Owner
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
by@codemodNext/14/Next Og Import
This codemod moves transforms imports from
next/server
tonext/og
for usage of Dynamic OG Image Generation.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
by@codemodNext/14/Metadata To Viewport Export
This codemod migrates certain viewport metadata to
viewport
export.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
by@codemodNext/13/Upsert Use Client Directive
Since Next.js 13.4, you can mark the files that contain only client-side code with the
use client
directive at the top.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
by@codemodNext/13/Replace Use Search Params
A recent update in Next.js brought a breaking change: the
useSearchParams
hook no longer includesparams
. To ease the migration, the newuseCompatSearchParams
hook can be used. This hook mimics the behavior of the olduseSearchParams
in two ways:Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
by@codemodNext/13/Replace Next Router
Since Next.js 13.4, you can use the following hooks from the
next/navigation
module:Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
by@codemodNext/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
by@codemodNext/13/Replace Api Routes
Replaces API Routes with Route Handlers.
Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
by@codemodNext/13/Remove Next Export
The
next export
command is deprecated. This codemod dangerously removes all references to the command in*.md
,*.sh
,package.json
. It also adds a propertyoutput
with the valueexport
to themodule.exports
object innext.config.js
files.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
by@codemodNext/13/Remove Get Static Props
The following data fetching methods are no longer available in the
app
directory:Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
by@codemodNext/13/Next Image To Legacy Image
This codemod safely migrates existing Next.js 10, 11, 12 applications importing
next/image
to the renamednext/legacy/image
import in Next.js 13 by replacingnext/image
imports withnext/legacy/image
and replacingnext/future/image
imports withnext/image
.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
by@codemodNext/13/New Link
Safely removes
<a>
fromLink
components imported from thenext/link
module or adds thelegacyBehavior
prop on the component level.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
by@codemodNext/13/New Image Experimental
This codemod dangerously migrates the usages of the
Image
component from thenext/legacy/image
module to thenext/image
module. This is achieved by adding inline styles and removing unused props.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
by@codemodNext/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
by@codemodNext/13/Comment Deletable Files
This codemod is recommended when migrating from the
/pages
to the/app
directory.Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
by@codemod