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
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.
