This project is a Netflix-style video streaming app built with the YouTube API, featuring authentication, database integration, and personalized video tracking.
Users can sign up, log in, browse videos, like/dislike content, and access their watch history through a clean and modern UI.
- 🔑 Authentication with Magic.link
- 🗄️ Database & API powered by Hasura
- 📺 YouTube API Integration for fetching trending and popular videos
- 👍 Likes & Dislikes Tracking per user
- 🔁 "Watch It Again" Section based on user history
- ⭐ Popular & Recommended Videos curated dynamically
- 🎨 Netflix-inspired UI/UX
- Frontend: React / Next.js
- Auth: Magic.link
- Database & API: Hasura (GraphQL)
- Video Data: YouTube Data API v3
git clone https://github.com/your-username/netflix-youtube-clone.git
cd netflix-youtube-clonenpm install
yarn install
Create a .env.local file with the following:
NEXT_PUBLIC_YOUTUBE_API_KEY=your_youtube_api_key
NEXT_PUBLIC_MAGIC_API_KEY=your_magic_publishable_key
HASURA_GRAPHQL_ENDPOINT=https://your-hasura-instance.herokuapp.com/v1/graphql
HASURA_ADMIN_SECRET=your_hasura_secret
npm run dev
App will be available at http://localhost:3000
Open http://localhost:3000 with your browser to see the result.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.