sUOrPQaS2H.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