Playground Template

A minimal template for building rich-text editors with Plate and Next.js 15.

Features

• Next.js 15 App Directory
• Plate editor
• shadcn/ui

Installation

Choose one of these methods:

1. Using CLI (Recommended)

npx shadcx@latest init plate

npx shadcx@latest add plate/editor-basic

2. Using Template

Use this template, then install dependencies:

pnpm install

Development

pnpm dev

Visit http://localhost:3000/editor to see the editor in action.

Upgrade

Using the CLI, you can upgrade to editor-ai by running:

npx shadcx@latest add editor-ai -r plate -o