https://github.com/metecode/next-netflix
Full Stack Netflix Clone Project
https://github.com/metecode/next-netflix
full-stack-web-development nextauth nextjs prisma reactjs tailwindcss typescript
Last synced: about 2 months ago
JSON representation
Full Stack Netflix Clone Project
- Host: GitHub
- URL: https://github.com/metecode/next-netflix
- Owner: Metecode
- License: mit
- Created: 2023-07-04T16:39:41.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-07T16:19:21.000Z (almost 3 years ago)
- Last Synced: 2025-01-08T11:47:57.795Z (over 1 year ago)
- Topics: full-stack-web-development, nextauth, nextjs, prisma, reactjs, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://next-netflix-mongo.vercel.app/auth
- Size: 1.23 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Netflix Clone
Full stack netflix clone project
View Demo
·
Report Bug
·
Request Feature
## About The Project
This project is a full-stack application where users can sign up and log in using their email or through Google and GitHub authentication methods. The project utilizes demo videos. Users have the ability to view the genre and synopsis of a movie and then watch the movie. Thank you very much for the tutorial video; it has been a valuable reference for me. I appreciate your contributions. https://www.youtube.com/watch?v=mqUN4N2q4qY&t=4s
### Built With
* [![Next][Next.js]][Next-url]
* [![React][React.js]][React-url]
* ![Mongodb][Mongodb]
* ![Typescript][Typescript]
* ![Prisma][Prisma]
* ![Tailwind][Tailwind]
* ![Vercel][Vercel]
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## Contact
Mete Uçar - ismail.ucar2@ogr.sakarya.edu.tr - i.meteucar@gmail.com
Project Link: [https://github.com/Metecode/next-netflix](https://github.com/Metecode/next-netflix)
## Acknowledgments
I wrote this project to learn the fundamentals of Next.js and MongoDB. Below is the video that served as my reference, and I thank them for their contributions.
* [Reference Video](https://www.youtube.com/watch?v=mqUN4N2q4qY&t=4s)
* [React Icons](https://react-icons.github.io/react-icons/search)
[contributors-shield]: https://img.shields.io/github/contributors/othneildrew/Best-README-Template.svg?style=for-the-badge
[contributors-url]: https://github.com/othneildrew/Best-README-Template/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/othneildrew/Best-README-Template.svg?style=for-the-badge
[forks-url]: https://github.com/othneildrew/Best-README-Template/network/members
[stars-shield]: https://img.shields.io/github/stars/othneildrew/Best-README-Template.svg?style=for-the-badge
[stars-url]: https://github.com/othneildrew/Best-README-Template/stargazers
[issues-shield]: https://img.shields.io/github/issues/othneildrew/Best-README-Template.svg?style=for-the-badge
[issues-url]: https://github.com/othneildrew/Best-README-Template/issues
[license-shield]: https://img.shields.io/github/license/othneildrew/Best-README-Template.svg?style=for-the-badge
[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/othneildrew
[product-screenshot]: images/screenshot.png
[Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
[Next-url]: https://nextjs.org/
[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/
[Vue.js]: https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D
[Vue-url]: https://vuejs.org/
[Vercel]: https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white
[Angular-url]: https://angular.io/
[Mongodb]: https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white
[Svelte-url]: https://svelte.dev/
[Prisma]: https://img.shields.io/badge/Prisma-3982CE?style=for-the-badge&logo=Prisma&logoColor=white
[Laravel-url]: https://laravel.com
[Typescript]: https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white
[Bootstrap-url]: https://getbootstrap.com
[Tailwind]:https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white
[JQuery-url]: https://jquery.com
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.