https://github.com/ctnicholas/collaborative-file-upload
Collaborative file viewer built with Vercel Blob, React, & Liveblocks.
https://github.com/ctnicholas/collaborative-file-upload
Last synced: about 1 year ago
JSON representation
Collaborative file viewer built with Vercel Blob, React, & Liveblocks.
- Host: GitHub
- URL: https://github.com/ctnicholas/collaborative-file-upload
- Owner: CTNicholas
- Created: 2023-04-25T14:20:32.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-05-05T14:24:35.000Z (about 3 years ago)
- Last Synced: 2025-03-20T21:46:25.402Z (about 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 358 KB
- Stars: 39
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
https://user-images.githubusercontent.com/33033422/236485311-df7cbe18-3152-44a6-82cf-bdc32948673e.mp4
## Vercel Blob + Liveblocks demo
This demo shows you how to use [Vercel Blob](https://vercel.com/docs/storage/vercel-blob) to upload images, with a [Liveblocks](https://liveblocks.io/) real-time collaborative app.
### Set up Liveblocks
- Install all dependencies with `npm install`
- Create an account on [liveblocks.io](https://liveblocks.io/dashboard)
- Copy your **public** key from the [dashboard](https://liveblocks.io/dashboard/apikeys)
- Create an `.env.local` file and add your **public** key as the `NEXT_PUBLIC_LIVEBLOCKS_PUBLIC_KEY` environment
variable
- Run `npm run dev` and go to [http://localhost:3000](http://localhost:3000)