1 -Next JS Movie Web App Project Overview - Live Demo
2 -Next JS Movie App Project Source Code.zip
2 -Project and Theme Setup Part - 1
2 - Next JS Movie Web App Project Source Code.html
3 -Absolute Routes Part - 2
4 -Nested Route and Dynamic Route Part - 3
5 -Layout Part - 4
6 -Navbar Part - 5
7 -Navbar Adjustments for Mobile Screen Part - 6
8 -Navbar Input Field Part - 7
9 -React Context API Part - 8
10 -TMDB API Part - 9
11 -Fetch Movie Data for Context API Part - 10
12 -Simple Banner Section Part - 11
13 -Dynamic Banner Page Movie Type Part - 12
14 -Global Type Safely for Each Movies Part - 13
15 -Custom Function for the Banner Slider Part - 14
16 -Custom Countdown Progress Circle for Banner Part - 15
17 -Banner Button Optimized Part - 16
18 -Banner BG Banner Poster Banner Gradient Overlay Part - 17
19 -Banner Details Part - 18
20 -Rating Element from MUI Part - 19
21 -Second Slider Part - 20
22 -Slider Data Fetched Part - 21
23 -Slider Customization Part - 22
24 -Slider Styling Part - 23
25 -Card Group Containers Data Fetch Part - 24
26 -Griding The Card Group Part - 25
27 -Prop Drilling Media Into TV and Movie Card Part - 26
28 -Movie Cards Part - 27
29 -Finishing The Movie Card Part - 28
30 -Setting Up The Page Context Part - 29
31 -Conditionally Rendering The Pages Part - 30
32 -Make The Pagination Functional Part - 31
33 -Updating States and Context Type Part - 32
34 -Update The Default Context Part - 33
35 -Update The Fetch API for The Context Part - 34
36 -Introduction to TABS Part - 35
37 -Adding Handler to Active Tabs Part - 36
38 -TV Show Page Part - 37
39 -TV Show Cards Part - 38
40 -TV Show Type for The TV Card Part - 39
41 -Details Movie Page Part - 40
42 -Detailed Movie Page Functionality Part - 41
43 -Data Drilling Into UI Components Part - 42
44 -Media Details Banner in Detailed Movie Page Part - 43
45 -Rendering Data Into Media Details Component Part - 44
46 -Finishing The Media Details Component Part - 45
47 -Intro to Trailer Component Part - 46
48 -Intro to YouTube Player Component Part - 47
49 -Intro to Casting Component Part - 48
50 -Rendering The Casts Part - 49
51 -Adding Animations to The Casting Component Part - 50
52 -Intro to Scenes Component Part - 51
53 -Finishing The Scenes Component Part - 52
54 -Intro to Scene Modal Component Part - 53
55 -Intro to Similar Movie Component Part - 54
56 -Finishing The Similar Movie Component Part - 55
57 -Details Page for The TV Shows Part - 56
58 -Intro to The Footer Component Part - 57
59 -Make the Navbar Conditional Base on Current Path Part - 58
60 -Adjusting the Navbar Style Part - 59
61 -Intro to Theme Toggle Component Part - 60
62 -Adjusting the Search Box Component Part - 61
63 -Finishing The Search Box Component Part - 62
64 -Intro to Search Result Component Part - 63
65 -Correcting The States and Debug Part - 64
66 -Hosting The Entire Project on Vercel Part - 65