kallebysantos / super-flix

SuperFlix App

Try this Live demo

About this project:

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.

Getting Started

Aplication Setup:

1. Creating API Server:

Create an account in GraphCMS and start a free blank project. Then add these two schemas:

• Video
• NextUser

2. Getting API Authorization:

Create a permanent auth token, with these Permissions

Need help? See GraphCMS Pemanent Auth Token

3. Adding environment variables:

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?

• GraphCMS Endpoint
• NextAuth Secret
• NextAuth Url

Running

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.

Learn More

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!

Deploy on Vercel

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.