Playground Template

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

Features

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

Installation

Choose one of these methods:

1. Using CLI (Recommended)

npx shadcx@latest init -u https://platejs.org/r

npx shadcx@latest add editor-ai -r plate

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)

Start the development server:

pnpm dev

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