liveblocks-parallel-routes icon indicating copy to clipboard operation
liveblocks-parallel-routes copied to clipboard

trafficstars

https://user-images.githubusercontent.com/33033422/231229414-c1c627c6-babd-4b99-9393-ecb20ec06afe.mp4

Next.js 13.3 parallel & intercepted routes + Liveblocks demo

This demo shows you how to use Next.js 13.3 parallel & intercepted routes with a Liveblocks real-time collaborative app. Stay connected to a Liveblocks room whilst viewing the dashboard.

Set up Liveblocks

  • Install all dependencies with npm install
  • Create an account on liveblocks.io
  • Copy your public key from the dashboard
  • 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