Save days of manual work by running open-source automation recipes to automate framework upgrades, such as Next.js, right from your IDE or CLI.
Migrate from Next.js V12 Pages Router to the latest V14 App Router.
Migrate from Next.js V12 Pages Router to the latest V14 App Router.
Migrate from Next.js V12 Pages Router to the latest V14 App Router.
Migrate from Next.js V12 Pages Router to the latest V14 App Router.
Migrate from Next.js V12 Pages Router to the latest V14 App Router.
Migrate from Next.js V12 Pages Router to the latest V14 App Router.
Bring your Next.js project and run the following automations with just one click directly in VS Code (for CLI, click here).
The App Router Recipe is a set of codemods that assist you with the pages-to-app migration process.
Run codemod →This codemod replaces all occurrences of this.currentRouteName with this.router.currentRouteName and this.currentPath with this.router.currentPath.
Run codemod →This codemod copies specific keys from one translation namespace to another, for each of the supported languages.
Replace message.warn with message.warning. Replace notification.close with notification.destroy.
Replace import for removed component in v5.
Comment out the style file import from antd (in js file).
This codemod changes the way the component props are applied.
This codemod for RedwoodJS v4 automatically inserts an authDecoder property into the createGraphQLHandler call.
Run this codemod to upgrade your codebase from using mocha to vitest.
Run this codemod to upgrade configuration files that need to be changed after migrating from mocha to vitest.
This recipe is a set of codemods that will upgrade your project from using mocha to vitest.
This automation provides straightforward changes to migrate from Bull to BullMQ.
This codemod replaces all calls to new EmberObject() with EmberObject.create() and adds a constructor function to classes that extend from EmberObject so that the classes no longer extend from EmberObject.
This automation removes all calls to propertyWillChange and replaces all calls to propertyDidChange with notifyPropertyChange.
This automation removes all calls to originalEvent in case of accessing properties that work with jQuery events as well as native events.
This automation updates event handling in Ember.js by transitioning from the .on method to using the on function for event listeners.
This automation refactors observer definitions in Ember.js from using the .observes method to the modern observer function syntax.
The "Fpe Computed" codemod for Ember.js V5 refactors computed property definitions from the older .property method to the modern computed function syntax.
This automation transforms get() to getProperties() to use traditional object dot notation.
This codemod ensures access to the native event without triggering any deprecations via wrapping the event with the normalizeEvent function provided by ember-jquery-legacy.
This automation removes all calls to willTransition or didTransition events on the Router via usage of routeWillChange event listener and routeDidChange event listener.
This automation replaces all calls to Ember.merge with Ember.assign.
This automation removes all calls to volatile() and ensures that native getters are directly used.
This automation modifies the .property() to move additional property dependencies directly into the main definition of an existing computed property.
This automation adds extra property dependencies to computed properties like filter, map, and sort, automating the inclusion of an array of dependent keys as a second parameter.
This automation transforms from the older moduleFor* syntax of ember-qunit@2 to the newer setup*Test syntax.
This automation removes any usage of new with A, and calls A as a standard function.
This automation migrates certain viewport metadata to viewport export.
This automation transforms imports from next/server to next/og for the usage of Dynamic OG Image Generation.
The automation will look for identifiers and string literals common for files that contain client-side code, such as React hooks or event handlers.
This automation replaces useSearchParams with useCompatSearchParams.
This automation allows you to migrate the useRouter hook to the new useRouter hook imported from next/navigation.
This automation generates a static metadata object based on meta tags managed by next/head.
This automation replaces API Routes with Route Handlers.
This automation dangerously removes all references to the command in *.md, *.sh, package.json.
This automation migrates the data fetching functions into the supported in the app directory.
This automation safely migrates existing Next.js 10, 11, 12 next/image imports to their corresponding imports in Next.js 13.
This codemod safely removes <a> from Link components imported from the next/link module or adds the legacyBehavior prop on the component level.
This automation dangerously migrates the usages of the Image component from the next/legacy/image module to the next/image module.
This is a highly experimental codemod that moves the CSS-in-JS styles into the CSS Modules.
This automation is recommended when migrating from the /pages to the /app directory.
This automation transforms the module specifier @next/font/* in import statements into next/font/*.
This automation reads the contents of your pages directory and creates the placeholder files.
This recipe is a set of automations that will upgrade your project from using msw v1 to v2.
This automation puts the generic arguments in the correct order to keep type safety.
This automation updates MSW handlers to use the new HttpResponse function for responses, replacing old res calls with this new method in msw v2.
This automation updates the request handler signature in the MSW library, changing how certain request properties are accessed and removing deprecated elements.
A new way of calling a passthrough is available in msw v2. This codemod replaces req.passthrough() calls with the new way of doing that using exported function.
A new way of listing all handlers is preferred in msw v2. This codemod replaces printHandlers() calls with the new way of doing that.
In msw v2, lifecycle events callback methods have changed their signature. This codemod replaces usages if its arguments with the new ones.
This codemod replaces MSW v1 with v2 imports.
This codemod replaces ctx.fetch(req) with fetch(bypass(req)).
This codemod hard replaces the callback signature to the new one and cleans up unused variables.
This codemod replaces all occurrences of this.currentRouteName with this.router.currentRouteName and this.currentPath with this.router.currentPath.
The App Router Recipe is a set of codemods that assist you with the pages-to-app migration process.