MCPcopy Index your code
hub / github.com/CTNicholas/liveblocks-parallel-routes

github.com/CTNicholas/liveblocks-parallel-routes @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
55 symbols 121 edges 50 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

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

Extension points exported contracts — how you extend this code

Props (Interface)
(no doc)
components/Whiteboard/WhiteboardNote.tsx
Props (Interface)
(no doc)
components/Cursors/Cursors.tsx
Props (Interface)
(no doc)
primitives/Tooltip/Tooltip.tsx
Props (Interface)
(no doc)
primitives/Avatar/Avatar.tsx
Props (Interface)
(no doc)
primitives/Spinner/Spinner.tsx
Props (Interface)
(no doc)
primitives/Container/Container.tsx
Props (Interface)
(no doc)
primitives/Button/Button.tsx
Props (Interface)
(no doc)
components/Cursors/Cursor.tsx

Core symbols most depended-on inside this repo

getRandomInt
called by 2
components/Whiteboard/Whiteboard.tsx
handleNotePointerDown
called by 1
components/Whiteboard/Whiteboard.tsx
handleNoteChange
called by 1
components/Whiteboard/Whiteboard.tsx
handleNoteFocus
called by 1
components/Whiteboard/Whiteboard.tsx
handleNoteBlur
called by 1
components/Whiteboard/Whiteboard.tsx
getInitials
called by 1
utils/getInitials.ts
useBoundingClientRectRef
called by 1
utils/useBoundingClientRectRef.ts
updateRect
called by 1
utils/useBoundingClientRectRef.ts

Shape

Function 46
Interface 9

Languages

TypeScript100%

Modules by API surface

components/Whiteboard/Whiteboard.tsx9 symbols
utils/getContrastingColor.ts4 symbols
primitives/Avatar/Avatar.tsx4 symbols
components/Cursors/Cursors.tsx4 symbols
utils/useBoundingClientRectRef.ts2 symbols
primitives/Spinner/Spinner.tsx2 symbols
primitives/Container/Container.tsx2 symbols
components/Cursors/Cursor.tsx2 symbols
utils/randomUser.ts1 symbols
utils/normalizeTrailingSlash.ts1 symbols
utils/getInitials.ts1 symbols
utils/capitalize.ts1 symbols

For agents

$ claude mcp add liveblocks-parallel-routes \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact