A Next.js template with Plate AI, plugins and components.
- Node.js 20+
- bun
Choose one of these methods:
npx shadcn@latest add @plate/editor-aiUse this template, then install dependencies:
bun installCopy the example env file:
cp .env.example .env.localConfigure .env.local:
UPLOADTHING_TOKEN– UploadThing API key (get one here)
Enter your own AI Gateway key in the editor settings to use AI. The example API routes use the caller's key.
Uploads work in local development. Before enabling production uploads, replace the development check in src/lib/uploadthing.ts with your application's session and permission checks. Add per-user upload limits.
If your application uses a shared server AI credential, authorize each request and enforce per-user usage limits before calling the provider. Keep server credentials out of client code.
Start the development server:
bun devVisit http://localhost:3000/editor to see the editor in action.