skills.rest
phuong-nam-dev
phuong-nam-devCOMMUNITY
Explore all skills by this author →
GitHub

Migrating to Vendure Dashboard

Migrates Vendure Admin UI extensions from Angular to the React Dashboard.

Updated Dec 8, 2025
Search Tags:#documentation#migration#dashboard#plugin-development#Vendure#Angular-to-React#UI-extension
One-click install
npx skills add https://github.com/phuong-nam-dev/Vendure_Platform --skill migrating-to-vendure-dashboard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Migrating to Vendure Dashboard
Source: https://github.com/phuong-nam-dev/Vendure_Platform/tree/main/.claude/skills/vendure-dashboard-migration
Command: npx skills add https://github.com/phuong-nam-dev/Vendure_Platform --skill migrating-to-vendure-dashboard

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Migrates Vendure Admin UI extensions from Angular to the new React Dashboard, enabling teams to upgrade plugins while preserving functionality and UX consistency.

Core Features & Use Cases

  • Comprehensive migration roadmap covering general setup, TSConfig alignment, and per-area guidance (02-forms.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).
  • Practical, step-by-step instructions to translate Angular-based UI into Vendure Dashboard patterns, including registration, navigation, data access, and UI components.
  • Real-world use cases: migrating a Vendure Admin extension that provides a product dashboard, forms, lists, and detail views to the React Dashboard.

Quick Start

Identify the target Angular extension and consult the migration guide sections to craft a plan, then implement the React Dashboard equivalents following the recommended patterns and test in a Vendure environment.

Frequently Asked Questions about Migrating to Vendure Dashboard

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

FAQPage Schema
How do I migrate Vendure Admin UI extensions from Angular to React?▼

Migrating Vendure Admin UI extensions from Angular to React involves translating components like forms, lists, and detail pages into React Dashboard patterns by following a comprehensive roadmap covering TSConfig setup, navigation, data access, and UI component registration.

What is the process for migrating Vendure plugin forms and list pages to the React Dashboard?▼

The process for migrating Vendure plugin forms and list pages to the React Dashboard involves using specific migration guides for forms and list pages that enforce architecture, typing, and tooling requirements to preserve functionality and UX consistency.

Can I migrate custom Vendure detail components and page tabs to the React Dashboard?▼

You can migrate custom Vendure detail components and page tabs to the React Dashboard by following the dedicated migration sections for custom detail components and page tabs, which outline the registration and extension patterns required for the new architecture.

How do I add navigation menu items and action bar items in the Vendure React Dashboard?▼

To add navigation menu items and action bar items in the Vendure React Dashboard, follow the migration steps aligned with the adding-nav-menu-items and action-bar-items sections to ensure correct integration within the new UI extension framework.

Does migrating to the Vendure React Dashboard require TSConfig setup?▼

Migrating to the Vendure React Dashboard requires TSConfig setup to satisfy architecture, typing, and tooling requirements, ensuring the migrated UI extensions function correctly within the dashboard extension patterns.

What are the limitations when migrating Vendure UI extensions to the React Dashboard?▼

Limitations when migrating Vendure UI extensions to the React Dashboard include ensuring all migrated forms, lists, and widgets strictly conform to the new dashboard extension patterns to preserve functionality and UX consistency without breaking existing plugin architecture.

Related Skills

Explore More Software Engineering Skills→
vendurehqvendurehq
8.3k

Migrating to Vendure Dashboard

Migrate Angular Vendure Admin UI extensions to the React Dashboard.

Official
Intermediate
xi-guanxi-guan
1

Migrating to Vendure Dashboard

Migrate Vendure Admin UI extensions from Angular to the React Dashboard.

Community
Advanced
wixwix
25

wix-cli-site-widget

Build Wix site widgets as web components with React and extension registration.

Official
Advanced
JasonPaffJasonPaff
2

client-components

Generate client-side React components with Radix UI and useServerAction hooks.

Community
Intermediate