Built for developers & movie lovers

About NetCap

NetCap is a Netflix‑style streaming UI that showcases modern web engineering: Next.js App Router, TypeScript, Tailwind CSS, and shadcn/ui. It features blazing‑fast navigation, accessible components, and a sleek, cinematic experience.

Next.js App RouterTypeScriptTailwind CSSshadcn/ui
NetCap preview
10k+
Titles indexed*
~50ms
Route transitions
JWT
Secure auth ready

Our Mission

Build a delightful, accessible streaming experience while demonstrating robust, scalable frontend patterns.

Developer‑first architecture
File‑system routing, server components where they shine, and a clear UI kit built on shadcn/ui make NetCap easy to extend and maintain.
Performance by default
Edge‑ready rendering, image optimization, streaming and partial hydration ensure a snappy feel even on slow networks.

Key Features

Cinematic UI
Immersive carousels, hover previews, rich metadata cards.
Powered by shadcn/ui
Composable, accessible primitives with consistent theming.
Auth‑ready
Pluggable JWT/NextAuth strategies and protected routes.

Tech Stack

Frontend
  • Next.js App Router, React Server Components
  • TypeScript, ESLint/Prettier
  • Tailwind CSS with dark theme and CSS variables
  • shadcn/ui (Button, Card, Dialog, Dropdown, etc.)
Backend & Infra (optional)
  • Next.js Route Handlers or dedicated API (Spring Boot / NestJS)
  • JWT/NextAuth for authentication
  • PostgreSQL + Prisma (or MongoDB + Mongoose)
  • Vercel for hosting, Edge/CDN for assets
Roadmap progress68%

Team

BHH
Bui Hoang Huy
Developer

FAQ

Ready to build your own streaming app?

Use NetCap as a foundation, connect your API, and ship a polished experience in days—not weeks.

Feature showcase