Welcome to Weflixx, the ultimate destination for all your entertainment cravings! Just like Netflix, Weflixx brings you a plethora of cinematic treasures from around the globe. Here, you can indulge in a wide array of genres and categories, featuring the very latest releases, classic masterpieces, and everything in between.
Whether you're a fan of heart-racing thrillers, eye-watering dramas, laughter-inducing comedies, or awe-inspiring sci-fi, Weflixx has got you covered. But that's not all. We also host an extensive collection of television shows, from cult classics to trending series, catering to the diverse tastes of our audience.
With Weflixx, you can delve into a world where the latest movies and hit TV shows are all in one place. So grab your popcorn, find your perfect spot, and immerse yourself in the unique Weflixx experience. Enjoy unlimited streaming and explore a world of entertainment at your fingertips. It's time to redefine what you know about online streaming – welcome to Weflixx.
- Official website 👉 https://weflixx.com
This stunning interface, reminiscent of Netflix, is designed to give you a sense of familiarity and comfort. However, Weflixx distinguishes itself by offering the most up-to-date films and TV shows currently making waves in the entertainment world.
The 'MyAccount' feature allows you to oversee your monthly Stripe subscription to Weflixx and keep your user profile up-to-date.
Our News feature leverages Moviefone's RSS feed to provide you with up-to-the-minute information about all the latest movie news.
The 'MyList' feature securely stores your favorite movies and TV shows for your convenience.
- NextJS, Typescript
- TMDB api
- Tailwind CSS
- Firebase
- Redux, Redux toolkit (State management)
- Axios, Swr (Support fetching data)
- React-toastify, react-hot-toast (Message UI)
- react-hls-player (Media player video m3u8 wrapped with react tuby)
- Api from Flixcore deployed to Aws
- Full HD movies with subtitles in many languages
- Netflix style layout
- Search movie by name, with suggestion keywords, filter movie by type (category, area, year,...)
- Profile page: allowing to change profile photo avatar, fullname, password.
- Trailers for movies and tv shows
- Save history you watch, follow movie you like
- Read latest breaking movie news
- Optimize SEO and Responsive on many devices
Create a .env file in the main folder of your project
NEXT_PUBLIC_API_KEY=
NEXT_PUBLIC_FIREBASE_API_KEY=
NEXT_PUBLIC_FIREBASEAPP_API_KEY=
NEXT_PUBLIC_FIREBASEDATABASEURL_API_KEY=
NEXT_PUBLIC_FIREBASEAUTHDOMAIN_API_KEY=
NEXT_PUBLIC_FIREBASEMESSAGEID_API_KEY=
NEXT_PUBLIC_FIREBASE_PROJECTID_API_KEY=
NEXT_PUBLIC_FIREBASE_STORAGEBUCKET_API_KEY=
NEXT_PUBLIC_API_URL=
Deploy the example using Vercel or preview live with StackBlitz
Execute create-next-app with npm or Yarn to bootstrap the example:
npx create-next-app --example with-tailwindcss with-tailwindcss-app
# or
yarn create next-app --example with-tailwindcss with-tailwindcss-app
# or
pnpm create next-app -- --example with-tailwindcss with-tailwindcss-appDeploy it to the cloud with Vercel (Documentation).