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.