Try this Live demo
SuperFlix app is a React application to stream movies.
PS: Video streaming is just a concept for this project, the main goal building it is to learn Chakra UI Design System, NextJs Middlewares and also use GraphCMS to handle data and CRUD logic.
Create an account in GraphCMS and start a free blank project. Then add these two schemas:
Create a permanent auth token, with these Permissions
Need help? See GraphCMS Pemanent Auth Token
Write a
.env.local
file with the following values:API_URI="Your_GraphCMS_Endpoint" API_TOKEN="Your_GraphCMS_Permanent_Token" NEXTAUTH_SECRET="Your_App_Secret" NEXTAUTH_URL="http://localhost:3000 or your custom app endpoint"
Need help?
Execute one of the commands bellow in order to run the development server:
npm run dev
# or
yarn dev
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.