Next.js 15 Ultimate - Build a Music Player App (TypeScript)
- Description
- Curriculum
- FAQ
- Reviews
Welcome to Next.js Ultimate – Build a Music Player App! (This course using Next.js version 15 right from the beginning.)
Usually, when you watch a tutorial, you think you “get it“. But after you start working on the project, you find it difficult—you don’t know where to start. Why? Because most tutorials show you the “correct code” right from the beginning, but they don’t teach you how to find that code, how to practice, or how to test and refine your way to the “correct code“. That’s what we call “tutorial hell“—you only know how to follow instructions, not how to solve problems independently.
In this course, we break that cycle. You’ll learn how to think like a developer, tackle challenges head-on, and build your project with confidence.
This course is your ultimate guide to mastering Next.js, the most powerful React framework for building modern, high-performance web applications. Whether you’re a beginner or an experienced developer, this hands-on course will take you step-by-step through the process of building a feature-rich Music Player App from scratch. By the end of this course, you will have a fully functional music player app.
What Will You Build?
-
Admin Dashboard with React and Ant Design
In the first project, you’ll use React and Ant Design (antd) to create a fully functional and visually appealing Admin Dashboard. -
Music Player App with Next.js
After mastering the admin dashboard, we’ll dive into Next.js to build a dynamic, fully interactive Music Player App with MUI.
This course is packed with practical projects and code-along exercises designed to give you the skills and confidence to build complex web applications.
Join now and take the first step towards becoming a Next.js pro.
-
12Setup signup pageVideo lesson
-
13Form validation with antd & signin pageVideo lesson
-
14Setup mongodbVideo lesson
-
15Setup backend projectVideo lesson
-
16Setup postman to call apiVideo lesson
-
17Import data to backendVideo lesson
-
18Setup notification context - part 1Video lesson
-
19Setup notification context - part 2Video lesson
-
20Setup tanstack react queryVideo lesson
-
21Setup API clientVideo lesson
-
22Axios interceptorVideo lesson
-
23Disabled when call API (state)Video lesson
-
24useMutationVideo lesson
-
25Axios errorVideo lesson
-
26Handle global error with react queryVideo lesson
-
27Custom hookVideo lesson
-
28Storage access tokenVideo lesson
-
29Sign inVideo lesson
-
30Protected route - part 1Video lesson
-
31Protected route - part 2Video lesson
-
32Fixing typescriptVideo lesson
-
33Refactor access tokenVideo lesson
-
34Sign up adminVideo lesson
-
35Clear access tokenVideo lesson
-
36LogoutVideo lesson
-
37Section overviewVideo lesson
-
38Sign in with artistVideo lesson
-
39Build song table componentVideo lesson
-
40Render song listVideo lesson
-
41Render imageVideo lesson
-
42Format duration & dateVideo lesson
-
43Create song modalVideo lesson
-
44Fix UI song modalVideo lesson
-
45How to submit out side form?Video lesson
-
46Get all genres in selectVideo lesson
-
47How caching in react query work?Video lesson
-
48Create a new song (API)Video lesson
-
49Revalidate cacheVideo lesson
-
50Fix typescriptVideo lesson
-
51Setup drawer to add imageVideo lesson
-
52Analyze component treeVideo lesson
-
53Create tab componentVideo lesson
-
54Note about next lectureText lesson
-
55Handle preview image (not use library)Video lesson
-
56Handle preview image (antd)Video lesson
-
57Custom upload image in antdVideo lesson
-
58onProgressVideo lesson
-
59Upload image statusVideo lesson
-
60Revalidate songVideo lesson
-
61Get dynamic id when click to itemVideo lesson
-
62React context to prevent prop drillingVideo lesson
-
63Upload audioVideo lesson
-
64Update song modalVideo lesson
-
65Binding data to update modalVideo lesson
-
66Call API to update songVideo lesson
-
67Delete popoverVideo lesson
-
68Call API to delete songVideo lesson
-
69Pagination - part 1Video lesson
-
70Pagination - part 2Video lesson
-
71Prefetching dataVideo lesson
-
72Disable perform another artistVideo lesson
-
73Setup album pageVideo lesson
-
74Create an album tableVideo lesson
-
75Add album modalVideo lesson
-
76Call API to create albumVideo lesson
-
77Album drawerVideo lesson
-
78Render songs for albumVideo lesson
-
79Add song to album - part 1Video lesson
-
80Add song to album - part 2Video lesson
-
81Remove song from albumVideo lesson
![76671](https://coursevania.com/wp-content/uploads/2024/12/6337131_9177_4.jpg)
External Links May Contain Affiliate Links read more