https://github.com/udecode/plate-playground-template
Plate AI template with React 19, Next 16, Tailwind 4, MCP.
https://github.com/udecode/plate-playground-template
editor mcp nextjs plate radix-ui shadcn-ui slate tailwindcss
Last synced: about 1 month ago
JSON representation
Plate AI template with React 19, Next 16, Tailwind 4, MCP.
- Host: GitHub
- URL: https://github.com/udecode/plate-playground-template
- Owner: udecode
- License: mit
- Created: 2023-07-13T13:02:13.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2026-01-20T11:40:48.000Z (about 2 months ago)
- Last Synced: 2026-01-20T20:36:08.268Z (about 2 months ago)
- Topics: editor, mcp, nextjs, plate, radix-ui, shadcn-ui, slate, tailwindcss
- Language: TypeScript
- Homepage: https://playground.platejs.org
- Size: 2.81 MB
- Stars: 211
- Watchers: 3
- Forks: 71
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-shadcnui - Github
README
# Playground Template
A Next.js template with [Plate](https://platejs.org/) AI, plugins and components.
## Features
- Next.js 16
- [Plate](https://platejs.org/) editor
- [shadcn/ui](https://ui.shadcn.com/)
- [MCP](https://platejs.org/docs/components/mcp)
## Requirements
- Node.js 20+
- bun
## Installation
Choose one of these methods:
### 1. Using CLI (Recommended)
```bash
npx shadcn@latest add @plate/editor-ai
```
### 2. Using Template
[Use this template](https://github.com/udecode/plate-playground-template/generate), then install dependencies:
```bash
bun install
```
## Development
Copy the example env file:
```bash
cp .env.example .env.local
```
Configure `.env.local`:
- `AI_GATEWAY_API_KEY` – AI Gateway API key ([get one here](https://vercel.com/ai-gateway))
- `UPLOADTHING_TOKEN` – UploadThing API key ([get one here](https://uploadthing.com/dashboard))
Start the development server:
```bash
bun dev
```
Visit http://localhost:3000/editor to see the editor in action.