Playground Template

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

Features

• Next.js 16
• Plate editor
• shadcn/ui
• MCP

Requirements

• Node.js 20+
• pnpm

Installation

Choose one of these methods:

1. Using CLI (Recommended)

npx shadcn@latest add https://platejs.org/r/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 shadcn@latest add https://platejs.org/r/editor-ai -o