skills.rest
thisisjaymehta
thisisjaymehtaCOMMUNITY
Explore all skills by this author →
Website𝕏@thisisjaymehtaGitHub

wix-cli-dashboard-page

Creates Wix CLI dashboard page extensions with WDS components and data operations.

Updated Mar 20, 2026
Search Tags:#react#crud#admin panel#wix#dashboard page#wix data#wix cli
One-click install
npx skills add https://github.com/thisisjaymehta/login-with-email-test --skill wix-cli-dashboard-page-thisisjaymehta
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wix-cli-dashboard-page
Source: https://github.com/thisisjaymehta/login-with-email-test/tree/main/.agents/skills/wix-cli-dashboard-page
Command: npx skills add https://github.com/thisisjaymehta/login-with-email-test --skill wix-cli-dashboard-page-thisisjaymehta

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @wix/design-system, @wix/dashboard, @wix/data, @wix/app-management, @wix/astro, @wix/essentials, @wix/ecom, and includes references (resource) components.

What problem does it solve? Building admin interfaces for Wix apps requires coordinating page components, extension registration, dashboard APIs, and data access, which is error-prone without a structured guide. ## Core Features & Use Cases - Dashboard Page Generation: Creates page.tsx components wrapped in WixDesignSystemProvider with WDS layout components like Page, Card, and Table. - Extension Registration: Generates extensions.ts files with unique UUIDs and correct dashboardPage metadata fields (title, routePath, component). - Data & API Integration: Implements CRUD operations via the Wix Data SDK, dashboard navigation, toasts, modals, and embedded script parameter configuration. - Use Case: Ask for a dashboard page to manage blog posts and receive a complete page with a data table, search toolbar, add/edit/delete actions, and proper extension registration. ## Quick Start Create a Wix dashboard page that displays and manages items from my Wix Data collection with search and delete actions.

Frequently Asked Questions about wix-cli-dashboard-page

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

FAQPage Schema
How do I create a dashboard page for a Wix CLI app?▼

Create a folder under src/extensions/dashboard/pages with a page.tsx component wrapped in WixDesignSystemProvider, then add an extensions.ts file calling extensions.dashboardPage() with a unique UUID, title, routePath, and component path. Finally register it in src/extensions.ts.

How do I query Wix Data collections from a dashboard page?▼

Import items from @wix/data and use items.query('Collection') with chainable filters like eq, gt, and contains, then call find() to execute. Use items.insert, update, and remove for write operations, ensuring collection permissions allow the action.

Can I use the WDS Modal component in a Wix dashboard page?▼

No, dashboard pages must use dashboard modals opened via dashboard.openModal() instead of the WDS Modal component or custom React modals. Dashboard modals integrate properly with the dashboard lifecycle, state management, and navigation.

Why is my dashboard page not appearing in the Wix dashboard?▼

The page extension must be registered in two steps: a page-specific extensions.ts file with a unique static UUID, and an import in the main src/extensions.ts file. Missing the second registration step prevents the page from appearing.

How do I save embedded script settings from a dashboard page?▼

Use embeddedScripts from @wix/app-management, calling embedScript with a parameters object where all values are strings. Convert booleans and numbers with String() when saving and parse them back when loading via getEmbeddedScript().

Related Skills

Explore More Software Engineering Skills→
ESSSoWhatESSSoWhat

wix-cli-data-collection

Creates CMS data collection schemas for Wix CLI apps using TypeScript extension definitions.

Community
Intermediate
nirganonnirganon

wix-cli-dashboard-plugin

Creates dashboard plugin widgets that embed into slots on Wix business app dashboard pages.

Community
Intermediate
wixwix
25

wix-cli-dashboard-modal

Create Wix dashboard modals with a three-file architecture and extensions registry.

Official
Intermediate
yaelbroyaelbro

wix-cli-dashboard-page

Creates Wix CLI dashboard page extensions with WDS components, data operations, and extension registration.

Community
Advanced