https://github.com/udecode/plate-playground-template
Plate AI template with React 19, Next 15, TailwindCSS 4.
https://github.com/udecode/plate-playground-template
editor nextjs plate radix-ui shadcn-ui slate tailwindcss
Last synced: 3 months ago
JSON representation
Plate AI template with React 19, Next 15, TailwindCSS 4.
- Host: GitHub
- URL: https://github.com/udecode/plate-playground-template
- Owner: udecode
- License: mit
- Created: 2023-07-13T13:02:13.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-19T14:53:44.000Z (4 months ago)
- Last Synced: 2025-03-29T16:03:49.663Z (3 months ago)
- Topics: editor, nextjs, plate, radix-ui, shadcn-ui, slate, tailwindcss
- Language: TypeScript
- Homepage: https://playground.platejs.org
- Size: 3.76 MB
- Stars: 109
- Watchers: 2
- Forks: 36
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Playground Template
A Next.js 15 template with [Plate](https://platejs.org/) AI, plugins and components.
## Features
- Next.js 15 App Directory
- [Plate](https://platejs.org/) editor
- [shadcn/ui](https://ui.shadcn.com/)
## Installation
Choose one of these methods:
### 1. Using CLI (Recommended)
```bash
npx shadcx@latest init plate
```
```bash
npx shadcx@latest add plate/editor-ai
```
### 2. Using Template
[Use this template](https://github.com/udecode/plate-playground-template/generate), then install dependencies:
```bash
pnpm install
```
## Development
Copy the example env file:
```bash
cp .env.example .env.local
```
Configure `.env.local`:
- `OPENAI_API_KEY` – OpenAI API key ([get one here](https://platform.openai.com/account/api-keys))
- `UPLOADTHING_TOKEN` – UploadThing API key ([get one here](https://uploadthing.com/dashboard))
Start the development server:
```bash
pnpm dev
```
Visit http://localhost:3000/editor to see the editor in action.