Universal Website Definition editor instances for website management.
Overview¶
The UWD (Universal Website Definition) Editor is a custom SvelteKit application for building and managing websites. It provides a visual editor with section-based page composition, image optimization, global styling, and direct SFTP publishing.
Instances¶
| Instance | URL | Purpose |
|---|---|---|
| SpaceMusic Editor | edit.spacemusic.com |
SpaceMusic website management |
| Origin Infinite Editor | edit.origin-infinite.com |
Origin Infinite website management |
Both instances deploy from the same repository (SpaceMusicZH/UniversalWebsiteDefinition) as separate devpush projects with different configurations.
Deployment: devpush (Node.js 20 runner)
Authentication: Authentik forward auth via Traefik
Help and Tutorials¶
The editor dashboard includes a comprehensive built-in Help & Tutorials page with:
- Quick start guide (5-step workflow)
- Video tutorials (getting started, creating pages, styling and publishing)
- Step-by-step guides for common tasks
- Feature documentation for all section types
- FAQ covering image handling, save vs. publish, preview, and more
Access the help page from the editor's navigation menu.
Key Features¶
- Section types: Full Video, Full Image, Two Images, Image+Text, Text Only, Subpage Grid, File Downloads, Products, Product Grid
- Page hierarchy: Multi-level nested pages with drag-and-drop reordering
- Image optimization: Automatic responsive WebP variants (400px, 800px, 1200px, 1600px)
- Global styling: Desktop/mobile tabs, color modes, typography control
- Publishing: Direct SFTP deployment to hosting
- Preview: Per-page and full site browsable preview
- SEO: Auto-generated Open Graph, Twitter Cards, JSON-LD, sitemap, robots.txt