Demo -> https://discover-videos.vercel.app/
git clone https://github.com/piyushyadav0191/Next-flix-Netflix-.git
cd Next-flix-Netflix-
npm i
npm run dev
You need to setup a few API keys for this project to be setup correctly otherwise you won't see any videos.
For that, you need to create a .env.local file in your project as shown in docs that will look like this:
NEXT_PUBLIC_HASURA_ADMIN_URL=<REPLACE THIS>
JWT_SECRET=<REPLACE THIS>
NEXT_PUBLIC_HASURA_ADMIN_SECRET=<REPLACE THIS>
MAGIC_SERVER_KEY=<REPLACE THIS>
NEXT_PUBLIC_MAGIC_PUBLISHABLE_API_KEY=<REPLACE THIS>
YOUTUBE_API_KEY=<REPLACE THIS>
You can retrieve the above environment values by referring their docs linked above and once retrieved, paste above accordingly.
During local development, we recommend you to add the environment variable DEVELOPMENT=true
as that won't fetch videos from the Youtube API and instead access it from data/videos.json
. Youtube API does have a quota and this way you can continue doing local development without worrying about running out of API calls.