Plate.js AI Editor Demo

Demo Next.js app with Plate.js AI editor.

Run

1. Add environment variables: Create .env.local:

   OPENAI_API_KEY=your-openai-api-key-here
   GOOGLE_GENERATIVE_AI_API_KEY=your-google-ai-api-key-here

2. Run with

   npm run dev

3. Open editor: Go to http://localhost:3000/editor

Setup Process

1. Create Next.js app:

   npx create-next-app@latest . --typescript --tailwind --eslint --app --src-dir --import-alias "@/*" --yes

2. Initialize shadcn/ui:

   npx shadcn@latest init --yes

3. Add Plate.js AI editor:

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

Built with Next.js + Plate.js + shadcn/ui