Back to Skills

Migrating to Vendure Dashboard

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

7,828stars1,306forksUpdated 1/21/2026

Security Assessment

Safe(100/100)
Security Score100/100

About Migrating to Vendure Dashboard

The 'Migrating to Vendure Dashboard' skill facilitates the transition of Vendure Admin UI extensions from a legacy Angular-based framework to a modern React-based dashboard. This migration is essential for developers looking to enhance their applications with improved performance, maintainability, and user experience. By providing a structured approach to migration, this skill addresses common challenges faced during the transition, ensuring that all necessary components are correctly updated and integrated into the new system.

This skill encompasses several key features and capabilities, including a detailed set of instructions for identifying which plugins require migration, understanding the general migration rules, and checking the TypeScript configuration setup. Additionally, it guides users through the nuances of migrating various aspects of the Admin UI, such as forms, custom field inputs, list pages, detail pages, and more. By following the outlined steps, users can ensure a comprehensive and efficient migration process, minimizing potential issues and ensuring a smooth transition to the Vendure Dashboard.

The primary use cases for this skill include developers and teams working on Vendure projects that require updating their Admin UI extensions. Target users are those who have experience with Vendure and are looking to modernize their applications by leveraging the capabilities of the new React Dashboard. This skill is particularly beneficial for organizations aiming to maintain competitive advantage by ensuring their applications are built on the latest technology stacks.

FAQ

How do I determine which plugin to migrate?

If not explicitly stated by the user, you will need to ask them which plugin they intend to migrate.

What should I do if the tsconfig setup is not configured?

Refer to ./01b-tsconfig-setup.md for guidance on setting up the tsconfig.

Are there any specific instructions for each migration section?

Yes, ensure you follow the instructions marked 'Important' for each section during the migration process.

Can I migrate all components at once?

It is recommended to identify and migrate each part of the Admin UI extensions individually for better management.

What if I encounter issues during migration?

Consult the relevant sections in the documentation for troubleshooting guidance and best practices.

All Files

13 files
01a-common-tasks.md1.1 KB
View
06-adding-nav-menu-items.md1.2 KB
View
01-general.md6.1 KB
View
05-detail-pages.md11.6 KB
View
02-forms.md1.7 KB
View
08-custom-detail-components.md2.4 KB
View
04-list-pages.md9.7 KB
View
10-widgets.md3.0 KB
View
01b-tsconfig-setup.md1.6 KB
View
07-action-bar-items.md1.0 KB
View
03-custom-field-inputs.md3.9 KB
View
09-page-tabs.md0.5 KB
View
SKILL.md1.0 KB
View

Install Migrating to Vendure Dashboard

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill