https://github.com/ctnicholas/astro-nanostores-collaboration
https://github.com/ctnicholas/astro-nanostores-collaboration
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ctnicholas/astro-nanostores-collaboration
- Owner: CTNicholas
- Created: 2023-05-29T15:59:38.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-05-30T13:32:02.000Z (about 3 years ago)
- Last Synced: 2025-02-14T22:48:13.715Z (over 1 year ago)
- Language: CSS
- Size: 85 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
https://github.com/CTNicholas/astro-nanostores-collaboration/assets/33033422/13803936-eec8-4a2c-9077-8b1b14b839aa
## Nano Stores + Astro + Liveblocks demo
This demo shows you how to make a [Nano Stores](https://github.com/nanostores/nanostores) store collaborative with [Liveblocks](https://liveblocks.io/) in [Astro](https://astro.build).
### 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 `PUBLIC_LIVEBLOCKS_PUBLIC_KEY` environment
variable
- Run `npm run dev` and go to [http://localhost:3000](http://localhost:3000)