https://github.com/vercel-labs/vercel-nav-demo

v0 + Shadcn UI version
https://github.com/vercel-labs/vercel-nav-demo

nextjs vercel

Last synced: about 2 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 (10 months ago)
• Default Branch: main
• Last Pushed: 2024-05-15T19:39:34.000Z (9 months ago)
• Last Synced: 2024-05-16T07:13:15.554Z (9 months ago)
• Topics: nextjs, vercel
• Language: TypeScript
• Homepage: https://parallel-routes-demo.vercel.app/leerob
• Size: 62.5 KB
• Stars: 29
• Watchers: 2
• Forks: 1
• Open Issues: 1
• 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.