In-Editor Course Builder & Theme Admin
An end-to-end workflow for creating Canvas themes and building pages in-editor. Admins import and customise UI elements once; authors compose pages with rich-text and reusable blocks with no dev loop.
Theme Admin and In-Editor Editing
- Theme & UI Admin: Define brand tokens, register components (blocks), preview variants, export/apply to Canvas.
- In-Editor Authoring: Drag-drop blocks, inline edit, quick actions, templates, and guardrails for accessibility.
Highlights
- Block library: Callouts, two-column layouts, media panels, accordions.
- Inline controls: On-canvas tweaks (size, variant, emphasis).
- Templates: Starter layouts for modules, lessons, and assessments.
- Safe defaults: Contrast checks, heading structure hints, link audits.
Tools: Next.js, TypeScript, React, MUI, Prisma, MySQL