Syonext Documentation
Learn how to build framework-agnostic content schemas using pure YAML, sync them via CLI, and deploy white-labeled client portals.
Quick Start
Get up and running with the Syonext CLI in seconds. The CLI is your bridge between your local codebase and your Syonext Agency Hub.
npm install syonext-cli -g
syonext init my-new-project
cd my-new-projectStatic vs. Dynamic Pages
Syonext determines your content structure entirely through your file naming conventions. No dashboard configuration required.
Static Pages
Standard YAML files define single, static pages (e.g., an About page or Homepage). The end user can edit the content, but cannot create duplicate pages from this schema.
title: "About Our Agency" subtitle: "Built for speed." description: "We build high-performance web experiences."
Dynamic Blueprints (Templates)
Prefixing a file with an underscore (_) turns it into a blueprint. The client portal will use this schema to allow end-users to generate infinite items of this type (e.g., Blog posts, Case studies).
title: "Post Title Placeholder" author: "Author Name" date: "YYYY-MM-DD" tags: ["Category 1", "Category 2"]
Rich Text Configuration
Need a full WYSIWYG editor for your client? Simply append the _config block to any text field in your YAML file. The Syonext portal will automatically render a premium rich-text editor for that field.
content: _config: richText: true placeholder: "Write something awesome..."
CLI Commands
Keep your local code perfectly synchronized with the database.
syonext runRuns a single execution to parse your YAML files and push the schema to your Syonext project database.
syonext watchWatches your local directory for changes. Every time you save a `.data.yml` file, the schema is instantly updated in the cloud.
Agency Handover
Once your schemas are synced, you manage the data pipeline from your centralized Agency Hub.
- Log into your Agency Hub at app.syonext.com (or your custom domain).
- Review the synced data schemas.
- Configure client permissions and set your pricing markup.
- Click Push to generate the live client portal at portal.syonext.com (or your client's custom domain).