Welcome to the NyumatFlix repository and home of the source code!
NyumatFlix is a totally legal streaming service that allows you to watch your favorite movies and TV shows for free.
The app is built with the 'ancient' Next.js pages router, TypeScript, Tailwind CSS, Mantine, Framer Motion, and Tabler Icons. It uses The Movie Database (TMDb) API to fetch movie and TV show data.
- Browse popular movies and TV shows
- Search for movies and TV shows
- View movie and TV show media content
- Watch media trailers (if available)
- View movie and TV show cast and crew
- User accounts
- Watch lists
- More filters and sorting options
- Theme switcher
- PWA support
- More...
- Next.js
- TypeScript
- Tailwind CSS
- Jest
- ESLint
- Prettier
- Husky
- Mantine
- Framer Motion
- Tabler Icons
- The Movie Database (TMDb) API
- Intersect Observer API
- FMHY
Tip
If you made it to this point, you're probably wondering where the streams come from. I recommend checking out that last link in the tech stack list. 😉
To run the project, follow these steps:
- Clone the repository
git clone https://github.com/Nyumat/NyumatFlix.git- Create a
.env.localfile in the root directory of the project and add the following environment variables:
# The API key for The Movie Database (TMDb)
API_KEY=
# First is for movies, second one is for TV shows. Both are required.
NYUMATFLIX_VPS=
NYUMATFLIX_VPS2=Tip
I purposely left the API key blank so that you can get your own. You can get one by creating an account on TMDb. The VPS URLs are for the streams. You can get them from the FMHY website.
- Install dependencies
npm install- Run the development server
npm run dev- Open http://localhost:3000 with your browser to see the result.
| Script | Description |
|---|---|
dev |
Run Next.js development server. |
build |
Build the Next.js application. |
start |
Start the Next.js production server. |
preview |
Start the Next.js server on port 3001 for previewing. |
format |
Format code using Prettier for specified file patterns. |
check-format |
Check if code is formatted correctly using Prettier. |
type-check |
Run TypeScript type-checking using the tsc compiler. |
lint |
Lint code using ESLint for TypeScript and TypeScript React files. |
lint:fix |
Fix linting issues using ESLint for TypeScript and TypeScript React. |
test-all |
Run type-checking, linting, and code formatting checks. |
prepare |
Install Husky Git hooks. |
Contributions are welcome. I'm currently working on a test suite so that contributions can be made easier without breaking NyumatFlix. If you have any questions, bug findings, or feature requests, feel free to open an issue.
Caution
NyumatFlix is a project for educational purposes only. It is not intended for commercial use. The project is not affiliated with The Movie Database (TMDb) or FMHY. Additionally, this project does not host any media content, as the streams are provided by FMHY. For DMCA takedown requests, please contact FMHY, not me.