NodeStream: Legacy YouTube, Reimagined

Key Features

Project Structure

📦 NodeStream
├─ .gitignore
├─ .vscode
│ └─ settings.json
├─ LICENSE
├─ README.md
├─ bun.lock
├─ components.json
├─ drizzle.config.ts
├─ eslint.config.mjs
├─ next.config.ts
├─ package-lock.json
├─ package.json
├─ postcss.config.mjs
├─ public
│ ├─ file.svg
│ ├─ globe.svg
│ ├─ logo.svg
│ ├─ next.svg
│ ├─ placeholder.svg
│ ├─ user-placeholder.svg
│ ├─ vercel.svg
│ └─ window.svg
├─ src
│ ├─ app
│ │ ├─ (auth)
│ │ │ ├─ layout.tsx
│ │ │ ├─ sign-in
│ │ │ │ └─ [[...sign-in]]
│ │ │ │   └─ page.tsx
│ │ │ └─ sign-up
│ │ │   └─ [[...sign-up]]
│ │ │    └─ page.tsx
│ │ ├─ (home)
│ │ │ ├─ feed
│ │ │ │ ├─ subscriptions
│ │ │ │ │ └─ page.tsx
│ │ │ │ └─ trending
│ │ │ │   └─ page.tsx
│ │ │ ├─ layout.tsx
│ │ │ ├─ page.tsx
│ │ │ ├─ playlists
│ │ │ │ ├─ [playlistId]
│ │ │ │ │ └─ page.tsx
│ │ │ │ ├─ history
│ │ │ │ │ └─ page.tsx
│ │ │ │ ├─ liked
│ │ │ │ │ └─ page.tsx
│ │ │ │ └─ page.tsx
│ │ │ ├─ search
│ │ │ │ └─ page.tsx
│ │ │ ├─ subscriptions
│ │ │ │ └─ page.tsx
│ │ │ ├─ users
│ │ │ │ ├─ [userId]
│ │ │ │ │ └─ page.tsx
│ │ │ │ └─ current
│ │ │ │   └─ route.ts
│ │ │ └─ videos
│ │ │   └─ [videoId]
│ │ │    └─ page.tsx
│ │ ├─ (studio)
│ │ │ ├─ layout.tsx
│ │ │ └─ studio
│ │ │   ├─ page.tsx
│ │ │   └─ videos
│ │ │    └─ [videoId]
│ │ │      └─ page.tsx
│ │ ├─ api
│ │ │ ├─ trpc
│ │ │ │ └─ [trpc]
│ │ │ │   └─ route.ts
│ │ │ ├─ uploadthing
│ │ │ │ ├─ core.ts
│ │ │ │ └─ route.ts
│ │ │ ├─ users
│ │ │ │ └─ webhook
│ │ │ │   └─ route.ts
│ │ │ └─ videos
│ │ │   ├─ webhook
│ │ │   │ └─ route.ts
│ │ │   └─ workflows
│ │ │    ├─ description
│ │ │    │ └─ route.ts
│ │ │    ├─ thumbnail
│ │ │    │ └─ route.ts
│ │ │    └─ title
│ │ │      └─ route.ts
│ │ ├─ favicon.ico
│ │ ├─ globals.css
│ │ └─ layout.tsx
│ ├─ components
│ │ ├─ filter-carousel.tsx
│ │ ├─ infinite-scroll.tsx
│ │ ├─ responsive-modal.tsx
│ │ ├─ theme-changer.tsx
│ │ ├─ theme-provider.tsx
│ │ ├─ ui
│ │ │ ├─ accordion.tsx
│ │ │ ├─ alert-dialog.tsx
│ │ │ ├─ alert.tsx
│ │ │ ├─ aspect-ratio.tsx
│ │ │ ├─ avatar.tsx
│ │ │ ├─ badge.tsx
│ │ │ ├─ breadcrumb.tsx
│ │ │ ├─ button.tsx
│ │ │ ├─ calendar.tsx
│ │ │ ├─ card.tsx
│ │ │ ├─ carousel.tsx
│ │ │ ├─ chart.tsx
│ │ │ ├─ checkbox.tsx
│ │ │ ├─ collapsible.tsx
│ │ │ ├─ command.tsx
│ │ │ ├─ context-menu.tsx
│ │ │ ├─ dialog.tsx
│ │ │ ├─ drawer.tsx
│ │ │ ├─ dropdown-menu.tsx
│ │ │ ├─ form.tsx
│ │ │ ├─ hover-card.tsx
│ │ │ ├─ input-otp.tsx
│ │ │ ├─ input.tsx
│ │ │ ├─ label.tsx
│ │ │ ├─ menubar.tsx
│ │ │ ├─ navigation-menu.tsx
│ │ │ ├─ pagination.tsx
│ │ │ ├─ popover.tsx
│ │ │ ├─ progress.tsx
│ │ │ ├─ radio-group.tsx
│ │ │ ├─ resizable.tsx
│ │ │ ├─ scroll-area.tsx
│ │ │ ├─ select.tsx
│ │ │ ├─ separator.tsx
│ │ │ ├─ sheet.tsx
│ │ │ ├─ sidebar.tsx
│ │ │ ├─ skeleton.tsx
│ │ │ ├─ slider.tsx
│ │ │ ├─ sonner.tsx
│ │ │ ├─ switch.tsx
│ │ │ ├─ table.tsx
│ │ │ ├─ tabs.tsx
│ │ │ ├─ textarea.tsx
│ │ │ ├─ toast.tsx
│ │ │ ├─ toaster.tsx
│ │ │ ├─ toggle-group.tsx
│ │ │ ├─ toggle.tsx
│ │ │ └─ tooltip.tsx
│ │ └─ user-avatar.tsx
│ ├─ constants.ts
│ ├─ db
│ │ ├─ index.ts
│ │ └─ schema.ts
│ ├─ hooks
│ │ ├─ use-intersection-observer.ts
│ │ ├─ use-mobile.tsx
│ │ └─ use-toast.ts
│ ├─ lib
│ │ ├─ mux.ts
│ │ ├─ ratelimit.ts
│ │ ├─ redis.ts
│ │ ├─ uploadthing.ts
│ │ ├─ utils.ts
│ │ └─ workflow.ts
│ ├─ middleware.ts
│ ├─ modules
│ │ ├─ auth
│ │ │ └─ ui
│ │ │   └─ components
│ │ │    └─ auth-button.tsx
│ │ ├─ categories
│ │ │ └─ server
│ │ │   └─ procedures.ts
│ │ ├─ comment-reactions
│ │ │ └─ server
│ │ │   └─ procedures.ts
│ │ ├─ comments
│ │ │ ├─ server
│ │ │ │ └─ procedures.ts
│ │ │ ├─ types.ts
│ │ │ └─ ui
│ │ │   └─ components
│ │ │    ├─ comment-form.tsx
│ │ │    ├─ comment-item.tsx
│ │ │    └─ comment-replies.tsx
│ │ ├─ home
│ │ │ └─ ui
│ │ │   ├─ components
│ │ │   │ ├─ home-navbar
│ │ │   │ │ ├─ index.tsx
│ │ │   │ │ └─ search-input.tsx
│ │ │   │ └─ home-sidebar
│ │ │   │   ├─ index.tsx
│ │ │   │   ├─ main-section.tsx
│ │ │   │   ├─ personal-section.tsx
│ │ │   │   └─ subscriptions-section.tsx
│ │ │   ├─ layouts
│ │ │   │ └─ home-layout.tsx
│ │ │   ├─ sections
│ │ │   │ ├─ categories-section.tsx
│ │ │   │ ├─ home-videos-section.tsx
│ │ │   │ ├─ subscribed-videos-section.tsx
│ │ │   │ └─ trending-videos-section.tsx
│ │ │   └─ views
│ │ │    ├─ home-view.tsx
│ │ │    ├─ subscribed-view.tsx
│ │ │    └─ trending-view.tsx
│ │ ├─ playlists
│ │ │ ├─ server
│ │ │ │ └─ procedures.ts
│ │ │ ├─ types.ts
│ │ │ └─ ui
│ │ │   ├─ components
│ │ │   │ ├─ playlist-add-modal.tsx
│ │ │   │ ├─ playlist-create-modal.tsx
│ │ │   │ └─ playlist-grid-card
│ │ │   │   ├─ index.tsx
│ │ │   │   ├─ playlist-info.tsx
│ │ │   │   └─ playlist-thumbnail.tsx
│ │ │   ├─ sections
│ │ │   │ ├─ history-videos-section.tsx
│ │ │   │ ├─ liked-videos-section.tsx
│ │ │   │ ├─ playlist-header-section.tsx
│ │ │   │ ├─ playlists-section.tsx
│ │ │   │ └─ videos-section.tsx
│ │ │   └─ views
│ │ │    ├─ history-view.tsx
│ │ │    ├─ liked-view.tsx
│ │ │    ├─ playlists-view.tsx
│ │ │    └─ videos-view.tsx
│ │ ├─ search
│ │ │ ├─ server
│ │ │ │ └─ procedures.ts
│ │ │ └─ ui
│ │ │   ├─ sections
│ │ │   │ ├─ categories-section.tsx
│ │ │   │ └─ results-section.tsx
│ │ │   └─ views
│ │ │    └─ search-view.tsx
│ │ ├─ studio
│ │ │ ├─ server
│ │ │ │ └─ procedures.ts
│ │ │ └─ ui
│ │ │   ├─ components
│ │ │   │ ├─ studio-navbar
│ │ │   │ │ └─ index.tsx
│ │ │   │ ├─ studio-sidebar
│ │ │   │ │ ├─ index.tsx
│ │ │   │ │ └─ studio-sidebar-header.tsx
│ │ │   │ ├─ studio-upload-modal.tsx
│ │ │   │ ├─ studio-uploader.tsx
│ │ │   │ ├─ thumbnail-generate-modal.tsx
│ │ │   │ └─ thumbnail-upload-modal.tsx
│ │ │   ├─ layouts
│ │ │   │ └─ studio-layout.tsx
│ │ │   ├─ sections
│ │ │   │ ├─ form-section.tsx
│ │ │   │ └─ videos-section.tsx
│ │ │   └─ views
│ │ │    ├─ studio-view.tsx
│ │ │    └─ video-view.tsx
│ │ ├─ subscriptions
│ │ │ ├─ hooks
│ │ │ │ └─ use-subscriptions.ts
│ │ │ ├─ server
│ │ │ │ └─ procedures.ts
│ │ │ └─ ui
│ │ │   ├─ components
│ │ │   │ ├─ subscription-button.tsx
│ │ │   │ └─ subscriptions-item.tsx
│ │ │   ├─ sections
│ │ │   │ └─ subscriptions-section.tsx
│ │ │   └─ views
│ │ │    └─ subscriptions-view.tsx
│ │ ├─ suggestions
│ │ │ └─ server
│ │ │   └─ procedures.ts
│ │ ├─ users
│ │ │ ├─ server
│ │ │ │ └─ procedures.ts
│ │ │ ├─ types.ts
│ │ │ └─ ui
│ │ │   ├─ components
│ │ │   │ ├─ banner-upload-modal.tsx
│ │ │   │ ├─ user-info.tsx
│ │ │   │ ├─ user-page-banner.tsx
│ │ │   │ └─ user-page-info.tsx
│ │ │   ├─ sections
│ │ │   │ ├─ user-section.tsx
│ │ │   │ └─ videos-section.tsx
│ │ │   └─ views
│ │ │    └─ user-views.tsx
│ │ ├─ video-reactions
│ │ │ └─ server
│ │ │   └─ procedures.ts
│ │ ├─ video-views
│ │ │ └─ server
│ │ │   └─ procedures.ts
│ │ └─ videos
│ │   ├─ server
│ │   │ └─ procedures.ts
│ │   ├─ types.ts
│ │   └─ ui
│ │    ├─ components
│ │    │ ├─ video-banner.tsx
│ │    │ ├─ video-description.tsx
│ │    │ ├─ video-grid-card.tsx
│ │    │ ├─ video-info.tsx
│ │    │ ├─ video-menu.tsx
│ │    │ ├─ video-owner.tsx
│ │    │ ├─ video-player.tsx
│ │    │ ├─ video-reactions.tsx
│ │    │ ├─ video-row-card.tsx
│ │    │ ├─ video-thumbnail.tsx
│ │    │ └─ video-top-row.tsx
│ │    ├─ sections
│ │    │ ├─ comments-section.tsx
│ │    │ ├─ suggestions-section.tsx
│ │    │ └─ videos-section.tsx
│ │    └─ views
│ │      └─ video-view.tsx
│ ├─ scripts
│ │ └─ seed-categories.ts
│ └─ trpc
│   ├─ client.tsx
│   ├─ init.ts
│   ├─ query-client.ts
│   ├─ routers
│   │ └─ _app.ts
│   └─ server.tsx
├─ tailwind.config.ts
└─ tsconfig.json

Getting Started (Development)

Contributing

License

Future Enhancements (Planned)

Contact