Migrating To Vendure Dashboard

Seamlessly migrate Angular Admin UI extensions to React Dashboard

✨ The solution you've been looking for

Verified
Tested and verified by our team
7798 Stars

Migrates Vendure Admin UI extensions (legacy Angular-based) to the new React Dashboard.

vendure migration angular react dashboard admin-ui e-commerce frontend
Repository

See It In Action

Interactive preview & real-world examples

Live Demo
Skill Demo Animation

AI Conversation Simulator

See how users interact with this skill

User Prompt

I have a custom inventory management plugin with Angular Admin UI extensions. Can you help me migrate it to the new React Dashboard?

Skill Processing

Analyzing request...

Agent Response

Complete migration guide with converted forms, components, navigation, and action items properly structured for React Dashboard

Quick Start (3 Steps)

Get up and running in minutes

1

Install

claude-code skill install migrating-to-vendure-dashboard

claude-code skill install migrating-to-vendure-dashboard
2

Config

3

First Trigger

@migrating-to-vendure-dashboard help

Commands

CommandDescriptionRequired Args
@migrating-to-vendure-dashboard plugin-ui-migrationConvert an existing Angular-based Admin UI extension to the new React DashboardNone
@migrating-to-vendure-dashboard custom-field-input-migrationTransform custom field inputs from Angular to React componentsNone
@migrating-to-vendure-dashboard navigation-and-action-items-updateMigrate navigation menu items and action bar components to React Dashboard structureNone

Typical Use Cases

Plugin UI Migration

Convert an existing Angular-based Admin UI extension to the new React Dashboard

Custom Field Input Migration

Transform custom field inputs from Angular to React components

Navigation and Action Items Update

Migrate navigation menu items and action bar components to React Dashboard structure

Overview

Vendure Dashboard Migration

Instructions

  1. If not explicitly stated by the user, find out which plugin they want to migrate.
  2. Read and understand the overall rules for migration
    • ./01-general.md
    • ./01a-common-tasks.md
  3. Check the tsconfig setup . This may or may not already be set up.
    • ./01b-tsconfig-setup.md
  4. Identify each part of the Admin UI extensions that needs to be migrated, and use the data from the appropriate sections to guide the migration:
    • ./02-forms.md
    • ./03-custom-field-inputs.md
    • ./04-list-pages.md
    • ./05-detail-pages.md
    • ./06-adding-nav-menu-items.md
    • ./07-action-bar-items.md
    • ./08-custom-detail-components.md
    • ./09-page-tabs.md
    • ./10-widgets.md
  5. Ensure you have followed the instructions marked “Important” for each section

What Users Are Saying

Real feedback from the community

Environment Matrix

Dependencies

Vendure framework
Node.js
TypeScript

Framework Support

Angular (legacy source) ✓ React ✓ (target framework) Vendure Admin UI ✓ Vendure Dashboard ✓ (recommended)

Context Window

Token Usage ~5K-15K tokens for complex plugin migrations

Security & Privacy

Information

Author
vendurehq
Updated
2026-01-30
Category
frontend