Next JS OTT Platform using Mongo DB , Tailwind CSS , Ant D

Next JS OTT Platform using Mongo DB , Tailwind CSS , Ant D, available at $54.99, has an average rating of 5, with 61 lectures, based on 1 reviews, and has 59 subscribers.

You will learn about Build user authentication using clerk user management library , this will include new user sign-up , email verification , sign-in , middlewares etc. Build all the UI components using the combination of Tailwind CSS and Ant Design Users will be able to purchase the available subscriptions in the app right after login. User subscription payments will be handled using stripe payment gateway integration. Once the user purchases subscription they will be allowed to watch any movie or TV Show in the app. If the user is not having any subscription play they will be allowed to watch only trailer and web series. Only admins will be able to add , edit , delete movies and web-series etc All the media content will be uploaded to the firebase storage Admins will able to track all the users , subscriptions and also the reports Entire application will be responsive , it can be viewed in desktops , i-pads and also mobile devices For every section source code will be provided separately Q/A Support This course is ideal for individuals who are Fullstack Developers It is particularly useful for Fullstack Developers.

Enroll now: Next JS OTT Platform using Mongo DB , Tailwind CSS , Ant D

Summary

Title: Next JS OTT Platform using Mongo DB , Tailwind CSS , Ant D

Price: $54.99

Average Rating: 5

Number of Lectures: 61

Number of Published Lectures: 61

Number of Curriculum Items: 61

Number of Published Curriculum Objects: 61

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Build user authentication using clerk user management library , this will include new user sign-up , email verification , sign-in , middlewares etc.

Build all the UI components using the combination of Tailwind CSS and Ant Design

Users will be able to purchase the available subscriptions in the app right after login.

User subscription payments will be handled using stripe payment gateway integration.

Once the user purchases subscription they will be allowed to watch any movie or TV Show in the app.

If the user is not having any subscription play they will be allowed to watch only trailer and web series.

Only admins will be able to add , edit , delete movies and web-series etc

All the media content will be uploaded to the firebase storage

Admins will able to track all the users , subscriptions and also the reports

Entire application will be responsive , it can be viewed in desktops , i-pads and also mobile devices

For every section source code will be provided separately

Q/A Support

Who Should Attend

Fullstack Developers

Target Audiences

Fullstack Developers

Hello ,

Welcome to the course , Next.js 14 OTT Platform App 2024

In this course we are going to build a Full-stack OTT Platform App which is almost similar to Netflix , Prime. We will be using latest version of Nextjs in-order to build this amazing app. So below will be the features and tech-stack of the project.

Tech Stack

Nextjs v14 for frontend and backend

MongoDB for database

Firebase for Storage

Zustand for state management

AntDesign for building UI components

Tailwindcss for Styling or customizing UI components

Clerk for authentication

Features

1. Build user authentication using clerk user management library , this will include new user sign-up , email verification , sign-in , middlewares etc.

2. Build all the UI components using the combination of Tailwind CSS and Ant Design

3. Users will be able to purchase the available subscriptions in the app right after login.

4. User subscription payments will be handled using stripe payment gateway integration.

5. Once the user purchases subscription they will be allowed to watch any movie or TV Show in the app.

6. Users can search all the movies and web-serieses in the homepage

7. If the user is not having any subscription play they will be allowed to watch only trailer and web series.

8. Only admins will be able to add , edit , delete movies and web-series etc

9. All the media content will be uploaded to the firebase storage

10. Admins will able to track all the users , subscriptions and also the reports

11. Total users count , total subscriptions , active subscriptions and total revenue will be displayed in reports.

12. Entire application will be responsive , it can be viewed in desktops , i-pads and also mobile devices

13. For every section source code will be provided separately

14. Q/A Support

Course Curriculum

Chapter 1: Introduction

Lecture 1: Promo

Lecture 2: Create next app

Lecture 3: Antd theme in global level

Lecture 4: Install antd

Lecture 5: Overrride antd default styling

Chapter 2: Authentication

Lecture 1: Clerk intro and setup

Lecture 2: Setup clerk basic authentication

Lecture 3: Custom sign-in and sign-up pages

Lecture 4: Get user details

Lecture 5: Authentication pages styling – 1

Lecture 6: Authentication pages styling – 2

Chapter 3: Database connection and Saving users

Lecture 1: Setup mongodb connection

Lecture 2: User model

Lecture 3: Save user

Chapter 4: Private Layout

Lecture 1: Layout – part 1

Lecture 2: Layout – part 2

Lecture 3: Layout – part 3

Lecture 4: Layout part 4

Chapter 5: State management and loaders setup

Lecture 1: Setup zustand state management tool

Lecture 2: Show spinners

Chapter 6: Shows (Movies and Webserieses) – Backend

Lecture 1: Show model

Lecture 2: Show server actions

Chapter 7: Shows – Frontend

Lecture 1: Folder structure

Lecture 2: Show form – Steps

Lecture 3: Show form – Basic Step

Lecture 4: Show form – Cast and crew step

Lecture 5: Show form – Media step part 1

Lecture 6: Show form – Media step part 2

Lecture 7: Show form – Media step part 3

Lecture 8: Integrate firebase

Lecture 9: Firebase media upload logic

Lecture 10: Save show

Chapter 8: Display , edit , delete shows

Lecture 1: Display shows

Lecture 2: Edit show – part 1

Lecture 3: Edit show – part 2

Lecture 4: Delete show

Lecture 5: Bug fix

Chapter 9: Homepage and Show info page

Lecture 1: Display shows in homepage

Lecture 2: Show info page – part 1

Lecture 3: Show info page – part 2

Lecture 4: Add video player

Chapter 10: User profile and subscriptions

Lecture 1: User details

Lecture 2: Show available subscriptions

Chapter 11: Stripe payment gateway integration

Lecture 1: Stripe intro and setup

Lecture 2: Stripe backend

Lecture 3: Stripe frontend

Chapter 12: Save subscription

Lecture 1: Subscription model

Lecture 2: Subscription apis

Chapter 13: Use subscription benifits

Lecture 1: Show purchased subscription

Lecture 2: Subscription check condition for movies

Lecture 3: Subscription check condition for webseries

Chapter 14: Admin functionalites

Lecture 1: Admin session logout

Lecture 2: Creating multiple user accounts

Lecture 3: Display all users

Lecture 4: Display all subscriptions

Lecture 5: Report UI

Lecture 6: Reports server-action

Lecture 7: Restrict admin routes for normal users

Chapter 15: Filter movies and webseries

Lecture 1: Search movies and webseries in homepage

Lecture 2: Show loaders for server components

Chapter 16: Deployment & Source code

Lecture 1: Deploy app to vercel & source code

Instructors

K.Sathyaprakash Reddy
Full Stack Developer

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 0 votes

4 stars: 0 votes

5 stars: 1 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!