A Netflix clone created for learning purposes using Next.js, JSON Web Token (jsonwebtoken), Magic SDK, Hasura GraphQL, and Framer Motion.
This project is a Netflix clone developed as part of the learning process. It mimics the design and functionality of the popular streaming service Netflix. Users can browse through a selection of movies and TV shows, view details, and enjoy a seamless viewing experience.
- User authentication using JSON Web Token (jsonwebtoken)
- Integration with Magic SDK for secure authentication
- Hasura GraphQL for efficient data fetching and real-time updates
- Framer Motion for smooth and interactive animations
- Next.js
- JSON Web Token (jsonwebtoken)
- Magic SDK
- Hasura GraphQL
- Framer Motion
- Clone the repository:
git clone https://github.com/Priya31Gupta/netflix-clone.git
cd netflix-clone- Install dependencies:
npm install- Add environment variables:
NODE_ENV=''
JWT_SECRET=''
NEXT_PUBLIC_HASURA_URL=''
NEXT_PUBLIC_HASURA_ADMIN_SECRET=''
DB_PASS=''
MAGIC_SECRET_KEY=''
NEXT_PUBLIC_MAGIC_PUBLISHABLE_API_KEY=''
YOUTUBE_API_KEY=''
- Run the development server:
npm run dev-
Open your browser and navigate to http://localhost:3000
-
Enjoy exploring the Netflix clone!
Contributions are welcome! If you have any ideas, improvements, or bug fixes, feel free to open an issue or create a pull request.