Skills
.Work. You
Rest

convert-vue-nextjs

Community

Migrate Vue/Nuxt to Next.js App Router.

Software Engineering#refactoring#react#vue#migration#next.js#conversion#nuxt
Authoryigitkonur
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the complex process of converting Vue.js or Nuxt.js applications and components into idiomatic Next.js App Router code, ensuring functional parity and leveraging modern React patterns.

Core Features & Use Cases

  • Component Conversion: Transforms Vue SFCs (.vue) into React components.
  • State & Routing Migration: Guides conversion of Pinia/Vuex stores and Vue Router configurations.
  • SSR & Ecosystem Mapping: Addresses Nuxt SSR patterns and maps Vue libraries to React equivalents.
  • Use Case: You have a large Nuxt 3 application and need to migrate it to Next.js to leverage React Server Components and the Next.js ecosystem. This Skill provides the patterns and guidance to perform the conversion systematically.

Quick Start

Use the convert-vue-nextjs skill to convert the attached Vue component 'UserProfile.vue' into a Next.js App Router compatible React component.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: convert-vue-nextjs
Download link: https://github.com/yigitkonur/skills-by-yigitkonur/archive/main.zip#convert-vue-nextjs

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.