Build a React Support Desk with YunCMS: Roles, Relations and AI

Description and use

Build a React support desk with YunCMS: defining data models, roles, and AI summarization.

Problem

Design a support desk that enforces explicit data models, relationships, and role‑based permissions while generating AI summaries.

Outcome

The example demonstrates how to build a support desk with explicit data modeling, role‑based access control, and AI summarization using YunCMS and React.

Workflow

• Set up Node.js 24, npm 11, MySQL 8 and an empty database named yuncms_example_dev_support
• Clone the example repo and run npm ci, copy .env.example to .env.local, set permissions
• Run npm run setup and npm run cms to seed demo accounts and schema
• Start the React dev server with npm run dev and access Studio at http://127.0.0.1:3058
• Create support requests via the UI, ensuring fields like title, message, priority, estimate_hours, due_date, context, and category_id are supplied
• Use the API to fetch requests with related category names and comments, respecting role permissions
• Test role boundaries by logging in as Administrator, Support Agent, Read‑only Viewer, AI Processor, and Public
• Verify AI summaries are generated by YunCMS AI Automations and displayed in the detail panel

Evidence

YunCMS is a MySQL CMS/backend developed by Yunsoft.

Source

The example uses its native authentication, REST API, relations and role-based permissions.

Source

Summaries are generated by native YunCMS AI Automations, rather than a separate privileged backend.

Source

Create an empty MySQL database called yuncms_example_dev_support.

Source

React runs at http://127.0.0.1:5186; Studio runs at http://127.0.0.1:3058.

Source