Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/udecode/plate-playground-template
A Next.js 15 template with Plate AI, plugins and components.
https://github.com/udecode/plate-playground-template
editor nextjs plate radix-ui shadcn-ui slate tailwindcss
Last synced: 5 days ago
JSON representation
A Next.js 15 template with Plate AI, plugins and components.
- Host: GitHub
- URL: https://github.com/udecode/plate-playground-template
- Owner: udecode
- License: mit
- Created: 2023-07-13T13:02:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-22T17:29:36.000Z (19 days ago)
- Last Synced: 2025-01-29T04:48:57.725Z (13 days ago)
- Topics: editor, nextjs, plate, radix-ui, shadcn-ui, slate, tailwindcss
- Language: TypeScript
- Homepage: https://playground.platejs.org
- Size: 3.34 MB
- Stars: 85
- Watchers: 2
- Forks: 31
- Open Issues: 0
-
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.