This project uses the Lexical editor with Next.js 14 and the shadcn/ui library, integrated with Hugging Face AI. To use the AI features, simply create an account at Hugging Face, get your API key and edgestore key for free, and add it to your .env file.

Video demo:https://www.youtube.com/watch?v=Dt20ssTWS4s&t=40s

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

References:

https://vercel.com/templates/next.js/liveblocks-notion-like-ai-editor