Building a Payload-style CMS that lives inside your Nuxt app

Description and use

Easy CMS lets Nuxt and Next.js developers add a full‑featured, database‑backed CMS with a Vue admin UI to a single app.

Problem

Clients building sites in Vue or React need a back office for editors in Thai and English, but existing Nuxt solutions are Git‑based or require separate servers.

Outcome

Easy CMS enables Nuxt and Next.js developers to add a fully featured, database‑backed CMS with a Vue admin UI, typed Local API, and REST API, all within a single app deployment.

Workflow

• 1. Run npm create easy-cms@latest npm run dev inside an existing Nuxt 4 or Next.js 15+ app.
• 2. The command installs packages, writes easy-cms.config.ts and .env, and wires the framework.
• 3. Open /admin to create the first admin user.
• 4. Define collections in easy-cms.config.ts (e.g., a posts collection).
• 5. Use the Local API in server routes (useEasyCMS().find('posts')).
• 6. Deploy the single app; the admin and APIs are served from the same server.

Evidence

Easy CMS runs inside your app's server. You describe your content in easy-cms.config.ts, and you get an admin at /admin, a typed Local API for your pages and a REST API at /api/cms.

Source

The command detects Nuxt or Next.js and installs the packages. It writes easy-cms.config.ts with a sample posts collection, puts a random secret in .env, and wires up the framework.

Source

The admin covers what editors usually ask for: drafts and scheduled publishing, version history with restore, live preview, a media library with folders, roles set in the admin, single sign-on, an audit log, backups and a ⌘K command palette.

Source