https://github.com/vercel-labs/vercel-nav-demo
v0 + Shadcn UI version
https://github.com/vercel-labs/vercel-nav-demo
nextjs vercel
Last synced: 4 months ago
JSON representation
v0 + Shadcn UI version
- Host: GitHub
- URL: https://github.com/vercel-labs/vercel-nav-demo
- Owner: vercel-labs
- Created: 2024-03-28T04:26:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-23T01:11:33.000Z (7 months ago)
- Last Synced: 2025-03-02T13:08:54.913Z (4 months ago)
- Topics: nextjs, vercel
- Language: TypeScript
- Homepage: https://parallel-routes-demo.vercel.app/leerob
- Size: 93.8 KB
- Stars: 63
- Watchers: 3
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vercel Navigation Demo
This is a light clone of the Vercel dashboard navigation. The first version was built with [v0](https://v0.dev/t/5tpUeamjMf6), and then hand-crafted by humans from there.
## How It Works
1. Navigating to `/` redirects to a default team `/leerob`
2. The navigation and page content are two separate [Parallel Routes](https://nextjs.org/docs/app/building-your-application/routing/parallel-routes)
3. The navigation page fetches and streams the team data server-side
This enables reading the dynamic URL path on the server (e.g. `[team]` which gives me `leerob` for `/leerob`), and then fetching the user data based on that.