Next.js Starter Kit

Kickstart your Next.js collaborative app

npx create-liveblocks-app@latest --next

Stop wasting weeks rebuilding table‑stakes features

The starter kit is fully customizable and comes with everything your users need to collaborate so you can focus on your core product.

npx create-liveblocks-app@latest --next

Start building from our example collaborative whiteboard to help you get started.

Start building from our example collaborative text editor editor to help you get started.

Every changes that happen get automatically updated throughout the app in realtime.

Documents people create cannot be seen by anyone else unless they’ve been shared with others.

Users can invite people and groups to view or edit their documents through a share dialog.

The file listing experience enables users to browse and organise files with other team members.

Enable people to comment, react, and mention others to facilitate collaboration and feedback.

Users receive inbox notifications when threads update, or when mentioned by others.

The starter kit embeds all the Liveblocks collaborative features with all the best tools the TypeScript ecosystem has to offer.

Designed for developers

We carefully consider the most appropriate abstractions to ensure your team doesn’t spend months integrating collaborative features.

import { getDocument } from "@/lib/actions";
const { data, error } = await getDocument({  documentId: "my-document-id",});

More than just a Starter Kit

Engage users, fuel creativity, and drive growth with just a few lines of code. Ship collaborative features into your product in days, not months.

Enable feedback in your product.

The notification system designed for collaboration.

All the collaborative features embedded in your editor.

Build any realtime collaborative experience.

Monitor and manage your collaborative product.

Build, host, and scale your collaborative product.