Liveblocks Next.js Demo

Overview

Hey there! 👋 Welcome to my little playground where I've been tinkering with Liveblocks to get the hang of how it works. This project is a real-time collaborative experience using Next.js and liveblocks tools. It's a simple demo, but pretty neat for getting a feel of Liveblocks.

I've got another similar demo but this time with Supabase Realtime here . This one has less functionality has supabase realtime has less features than liveblocks

Features

Multiplayer Cursors: Real-time tracking and display of multiple users' cursor positions.
Chat: An interactive chat interface where users can communicate and share their thoughts.
Emoji Reactions: Users can express their reactions using a variety of emojis.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Node.js (LTS version recommended)
npm or Yarn (as a package manager)

Installation

Clone the Repository

git clone https://github.com/Abdul-Asa/live-blocks-demo.git
cd live-blocks-demo

Install Dependencies
```
npm install
# or
yarn install
```
Environment Variables
- Set up the necessary environment variables in a .env.local file.
- You will need to obtain API keys from Liveblocks and add them here.
Run the Development Server
```
npm run dev
# or
yarn dev
```
- Navigate to http://localhost:3000 to view the app.

Contributing

Contributions to enhance this demo are welcome.