nextjs-to-nuxt-migration

Plan and execute module-by-module Next.js to Nuxt migrations with NestJS backend verification.

Updated Aug 20, 2025
One-click install
npx skills add https://github.com/BRANDNEWSHVT/mercora --skill nextjs-to-nuxt-migration-brandnewshvt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs-to-nuxt-migration
Source: https://github.com/BRANDNEWSHVT/mercora/tree/main/storefront-nuxt/.agents/skills/nextjs-to-nuxt-migration
Command: npx skills add https://github.com/BRANDNEWSHVT/mercora --skill nextjs-to-nuxt-migration-brandnewshvt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Porting Next.js modules to Nuxt 4 can be error-prone and slow. This skill provides a structured, module-by-module migration workflow backed by NestJS, guiding you through submodule analysis, backend verification, and multi-pass execution.

Core Features & Use Cases

  • Module-by-module analysis, backend verification, feature inventory, and multi-pass execution.
  • Sidebar registration, theme/dark-mode rules, and cross-stack consistency checks.
  • Use case: port a single React module to Vue 3 with a production NestJS backend end-to-end.

Quick Start

Provide the Next.js module name and three repository paths to begin Phase-1 analysis.

Frequently Asked Questions about nextjs-to-nuxt-migration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate a Next.js module to Nuxt with a NestJS backend?

To migrate a Next.js module to Nuxt, you provide the module name and three repository paths to initiate Phase-1 analysis. The workflow operates module-by-module, performing submodule analysis, backend verification, and multi-pass execution to port React code to Vue 3.

What is the best way to structure a Next.js to Nuxt migration?

A structured Next.js to Nuxt migration uses a phase-gated workflow with task planning and progressive backend/frontend integration. It conducts feature inventory, sidebar registration, and cross-stack consistency checks to reduce risk during the porting process.

Can I port React modules to Vue 3 incrementally using this migration workflow?

Yes, you can port React modules to Vue 3 incrementally. The workflow executes module-by-module, performing submodule analysis and backend verification before applying multi-pass execution across three repository paths to ensure progressive integration.

Does the Next.js to Nuxt migration workflow support dark mode and sidebar registration?

Yes, the Next.js to Nuxt migration workflow supports dark mode and sidebar registration. It enforces theme rules and performs sidebar registration during the feature inventory and cross-stack consistency checks.

Why do I need to provide three repository paths for a Next.js to Nuxt migration?

You need to provide three repository paths to enable multi-pass execution across the Next.js, Nuxt, and NestJS backend repositories. This phase-gated validation ensures progressive backend and frontend integration during the module porting process.

What are the limitations of a module-by-module Next.js to Nuxt migration?

The module-by-module migration approach requires phase-gated validation and strict task planning, meaning you cannot skip submodule analysis or backend verification. It is designed for porting modules progressively rather than migrating an entire Next.js application simultaneously.