AI Calendar

This example shows how to build a collaborative AI app with Liveblocks and Next.js.

Live preview

Open the example above and share it on multiple windows or devices to try it live.

Interact with a calendar by chatting with AI and create events directly from the chat.

Getting started

Run the following command to try this example locally:

$npx create-liveblocks-app@latest --example nextjs-ai-calendar --api-key

Alternatively, you can set up your project manually:

Install all dependencies with npm install
Create an account on liveblocks.io
Copy your secret key from the dashboard
Create an .env.local file and add your secret key as the LIVEBLOCKS_SECRET_KEY environment variable
Run npm run dev and go to http://localhost:3000

To both deploy on Vercel, and run the example locally, use the following command:

$npx create-liveblocks-app@latest --example nextjs-ai-calendar --vercel

This will download the example and ask permission to open your browser, enabling you to deploy to Vercel.

After forking this example on CodeSandbox, create the LIVEBLOCKS_SECRET_KEY environment variable as a secret.