NPM Packages
DCS provides two official npm packages for integrating customer sites with the platform:
@duffcloudservices/cms
Vue 3 composables and Vite plugins for runtime content management and SEO.
📦 Published Package
Key Features:
useTextContent— Text content with build-time injection and runtime overridesuseSEO— SEO configuration with meta tags, Open Graph, Twitter Cards, JSON-LDuseReleaseNotes— Fetch and display versioned release notesuseSiteVersion— Get current site version for footer badges- Vite plugins for build-time content and SEO injection
→ Full @duffcloudservices/cms Documentation
@duffcloudservices/cli
Command-line interface for site onboarding, configuration, and authentication.
📦 Published Package
Key Features:
dcs init— Initialize DCS integration for a customer sitedcs validate— Validate existing .dcs configurationdcs plans— Generate AI-assisted integration plansdcs login— Authenticate via Google OAuth (device flow)dcs sites— List sites you have access to manage
→ Full @duffcloudservices/cli Documentation
Quick Comparison
| Package | Purpose | Install Command |
|---|---|---|
@duffcloudservices/cms | Runtime composables & Vite plugins | pnpm add @duffcloudservices/cms |
@duffcloudservices/cli | Site setup & configuration CLI | pnpm add -g @duffcloudservices/cli |
Getting Started
For new site integrations, the recommended workflow is:
- Install the CLI globally and run
dcs initto scaffold configuration - Install the CMS package as a project dependency
- Configure Vite plugins in your build config
- Follow the generated plans in
.plans/directory
See the Partner Onboarding Guide for a complete walkthrough.
