plate-editor

Playground Template

A Next.js 15 template with Plate AI, plugins and components.

Features

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

Requirements

• Node.js 20+
• pnpm 9+

Installation

Choose one of these methods:

1. Using CLI (Recommended)

npx shadcn@latest add https://platejs.org/r/editor-ai

2. Using Template

Use this template, then install dependencies:

pnpm install

Development

Copy the example env file:

cp .env.example .env.local

Configure .env.local:

• OPENAI_API_KEY – OpenAI API key (get one here)
• UPLOADTHING_TOKEN – UploadThing API key (get one here)

Start the development server:

pnpm dev

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