https://github.com/ctnicholas/v0-realtime-code-editor
https://github.com/ctnicholas/v0-realtime-code-editor
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/ctnicholas/v0-realtime-code-editor
- Owner: CTNicholas
- Created: 2023-09-30T14:33:23.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-30T20:24:17.000Z (over 2 years ago)
- Last Synced: 2025-03-20T21:46:17.885Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://v0-realtime-code-editor.vercel.app
- Size: 64.5 KB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Liveblocks real-time code editor
This demo shows you how to use [Liveblocks](https://liveblocks.io/) to build a real-time code editor. The UI was generated by [v0.dev](https://v0.dev/r/M7WGHpdFFJr).
https://github.com/CTNicholas/v0-realtime-code-editor/assets/33033422/f1f84c31-5750-4525-8199-0ae457eda269
### Set up Liveblocks
- Install all dependencies with `npm install`
- Create an account on [liveblocks.io](https://liveblocks.io/dashboard)
- Copy your **secret** key from the [dashboard](https://liveblocks.io/dashboard/apikeys)
- 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](http://localhost:3000)