nextjs-to-nuxt-migration

Port Next.js modules to Nuxt 4 with a multi-pass migration workflow.

Updated Mar 30, 2026
One-click install
npx skills add https://github.com/radenadri/skills-alena --skill nextjs-to-nuxt-migration
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs-to-nuxt-migration
Source: https://github.com/radenadri/skills-alena/tree/main/skills/nextjs-to-nuxt-migration
Command: npx skills add https://github.com/radenadri/skills-alena --skill nextjs-to-nuxt-migration

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Port Next.js modules to Nuxt 4 production apps with a structured, multi-pass migration workflow. This approach prevents blind porting by enforcing upfront analysis, backend verification, and cross-stack mapping between React/Next.js and Vue/Nuxt with NestJS.

Core Features & Use Cases

  • Phase-based migration workflow: Phase -1 analysis, Phase -2 feature inventory, Phase -3 implementation planning, Phase -4 verification.
  • Cross-stack mapping: React/Next.js constructs mapped to Vue/Nuxt equivalents, including routing, components, hooks, and data flows; ensures backend alignment with NestJS.
  • Multi-agent planning and governance: enforces sequential vs parallel module handling with task plans and reviews.

Quick Start

Provide module name and three repository paths (React source, Nuxt target, and NestJS backend), then initiate the migration to generate submodule analyses and a task plan.

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 Next.js modules to Nuxt 4 without breaking existing backend integrations?

Migrating Next.js modules to Nuxt 4 safely requires a structured, multi-pass workflow that enforces upfront analysis, backend endpoint verification with NestJS, and cross-stack mapping before writing any code to prevent blind porting.

What is the best way to map React and Next.js constructs to Vue and Nuxt equivalents?

Mapping React and Next.js constructs to Vue and Nuxt requires cross-stack analysis that translates routing, components, hooks, and data flows while ensuring alignment with your NestJS backend to maintain feature parity.

Do I need to analyze my NestJS backend endpoints before porting Next.js frontend modules to Nuxt?

Yes, analyzing your NestJS backend endpoints is a mandatory Phase -1 prerequisite to verify endpoint wiring, support server-side pagination and sorting, and ensure the Nuxt frontend correctly integrates with existing backend services.

Can I migrate multiple Next.js submodules to Nuxt in parallel?

Multi-agent governance evaluates sequential versus parallel module handling during the implementation planning phase, generating a formal task plan that dictates whether submodule migrations can safely run concurrently or require strict sequential execution.

What steps are involved in porting a Next.js module to a Nuxt production app?

Porting involves Phase -1 analysis, Phase -2 feature inventory, Phase -3 implementation planning, and Phase -4 verification, requiring you to provide the module name and three repository paths: React source, Nuxt target, and NestJS backend.

Why does my Next.js to Nuxt migration require a formal task plan before writing code?

A formal task plan is required to prevent blind porting by enforcing upfront submodule analysis, backend verification, and cross-stack mapping, ensuring all architectural dependencies and server-side configurations are addressed before implementation.