Next JS Project Bootcamp:Build Netflix App & 2 More Projects
- Description
- Curriculum
- FAQ
- Reviews
Introducing the “Next JS Project Bootcamp: Build 2 Production-Ready Projects,” an extensive course that equips web developers with the knowledge and abilities necessary to succeed in the development of contemporary online applications using Next.js. This bootcamp provides practical information and hands-on experience to build powerful, real-world apps, regardless of expertise level.
Project 1: Photo Gallery Web App
-
Dynamic Photo Gallery: Students will learn to create a dynamic photo gallery with advanced search functionality using public APIs.
-
Modal Image Preview: Implement modal boxes for seamless image previews and enable intuitive navigation between images.
-
Responsive Design: Utilize Tailwind CSS to ensure the web app is fully responsive across various devices, enhancing user accessibility and engagement.
Project 2: Corporate Web Application
-
Post Filtering: Learn to implement sophisticated post filtering options based on categories and tags to enhance user navigation and content discovery.
-
YouTube Integration: Integrate YouTube videos directly into the application, allowing for dynamic content display and engagement.
-
Responsive Layout: Design a responsive corporate website that adapts seamlessly to different screen sizes, prioritizing a consistent user experience across devices.
-
Deployment Optimization: Discover strategies to deploy applications to cloud servers like Vercel for optimal performance and scalability.
Who Should Take This Course?
Aspiring web developers who want to learn more about Next.js and get practical experience creating applications of a high caliber should take this course. This bootcamp offers the skills and information required to succeed, regardless of your level of experience with web development or want to add real-world projects to your portfolio.
Why Enroll in This Course?
By the time the bootcamp ends, you will have finished two large-scale projects and gained vital knowledge about using Next.js to create cutting-edge web applications. Boost your employment possibilities in the quickly changing tech sector by being a member of a community of learners committed to studying the newest web development technology.
Set out on the path to becoming a skilled Next.js developer right now. Join the “Next JS Project Bootcamp” to gain confidence and skill in developing applications that are ready for production!
-
2Netflix Clone Project - Source CodeText lesson
-
3Netflix Clone Project - Live DemoVideo lesson
-
4Setting-Up The Project Environment Part - 1Video lesson
-
5Cleaning The Project Directory Part - 2Video lesson
-
6TMDB API Key Environment File Setup Part - 3Video lesson
-
7Setting File Folder Structuring Part - 4Video lesson
-
8Axios Common Instance For Data Fetching Part - 5Video lesson
-
9Interfaces For API Service Part - 6Video lesson
-
10API Service Planning Part - 7Video lesson
-
11Finalizing The API Service Part - 8Video lesson
-
12Media Genre Interface Part - 9Video lesson
-
13Other Interfaces Part - 10Video lesson
-
14APP Layout Component for The Common Navbar and Footer Part - 11Video lesson
-
15Icon Library Part - 12Video lesson
-
16Beginning Of The Footer Part - 13Video lesson
-
17Styling The Footer Component Part - 14Video lesson
-
18Introduction To Navbar Part - 15Video lesson
-
19Handlers For The Navbar Part - 16Video lesson
-
20Navbar Styling Part - 17Video lesson
-
21Navbar Error And Other Styling Part - 18Video lesson
-
22Finishing The Navbar Styling Part - 19Video lesson
-
23Search Input For The Navbar Part - 20Video lesson
-
24Endpoints For The Whole Application Part - 21Video lesson
-
25Home Component Part - 22Video lesson
-
26Movie Section Component Handlers Part - 23Video lesson
-
27Fetching Movie Data For Movie Section Component Part - 24Video lesson
-
28UI Part For Movie Section Component Part - 25Video lesson
-
29Slider Button For The Movie Section Part - 26Video lesson
-
30Finishing The Movie Section Component Part - 27Video lesson
-
31Setting Up The Cards Component Part - 28Video lesson
-
32Common Button Component Part - 29Video lesson
-
33Finishing The Common Button Part - 30Video lesson
-
34Handlers And Some UI Element For Cards Component Part - 31Video lesson
-
35Handler To Add Items In Local Storage Part - 32Video lesson
-
36Other Handlers For Local Storage Part - 33Video lesson
-
37Implementing Handlers In Cards Component Part - 34Video lesson
-
38Finishing The Handlers For Cards Component Part - 35Video lesson
-
39Structuring The Cards Component Part - 36Video lesson
-
40Styling The Cards Component Part - 37Video lesson
-
41React-Player For Cards Component Part - 38Video lesson
-
42Styling Cards Component Details Part - 39Video lesson
-
43Finishing The Cards Component Part - 40Video lesson
-
44Genre Library Part - 41Video lesson
-
45Render Genre Component Part - 42Video lesson
-
46My List Page Part - 43Video lesson
-
47My List Handlers Part - 44Video lesson
-
48Finishing The My List Page Part - 45Video lesson
-
49Details Movie Page Component Part - 46Video lesson
-
50Handlers For Details Movie Page Part - 47Video lesson
-
51Banner Component Part - 48Video lesson
-
52Handler For Banner Component Part - 49Video lesson
-
53Structuring The Banner Template Part - 50Video lesson
-
54Banner Styling Part - 51Video lesson
-
55React-Player For Banner Part - 52Video lesson
-
56Finishing The Banner Component Part - 53Video lesson
-
57Setting Up The Modal Component Part - 54Video lesson
-
58Handlers For The Modal Component Part - 55Video lesson
-
59Modal UI Elements Part - 56Video lesson
-
60Modal Styling Part - 57Video lesson
-
61Styling The Other Half Of Modal Part - 58Video lesson
-
62Refining The Design Of Modal Part - 59Video lesson
-
63Finishing The Modal Component Part - 60Video lesson
-
64Similar Movie Component And Handlers Part - 61Video lesson
-
65Similar Movie Card Component Part - 62Video lesson
-
66Styling The Similar Movie Card Component Part - 63Video lesson
-
67Search Movie Page Part - 64Video lesson
-
68Styling The Search Page Part - 65Video lesson
-
69Github Upload and Deployed In Vercel Part - 66Video lesson