Loading video player...
Learn Next.js from beginner to advanced level by building three awesome projects. Download Assets for Free: https://www.frontendlab.io/courses Source Code: https://www.frontendlab.io/courses Source Code on BMC: https://buymeacoffee.com/frontendlab.io/e/509323 Source Code on Topmate: https://topmate.io/frontendlab/1956236 š Join Frontend Lab Pro: https://frontendlab.io/pro š Support me on Buy Me a Coffee: https://buymeacoffee.com/frontendlab.io Learn Recursion on Udemy š https://www.udemy.com/course/master-the-recursion-from-beginner-to-advance-level/?referralCode=75F57675BDABF6D104C0 https://discord.com/invite/ATStc5QVdv https://twitter.com/teamfrontendlab https://www.instagram.com/teamfrontendlab https://www.linkedin.com/company/teamfrontendlab Business Inquiries: teamfrontendlab@gmail.com Time Stamps: 00:00:00 - Intro 00:02:21 - Crash course intro 00:06:16 - Installation 00:07:47 - Project Structure 00:14:24 - Client & Server Components 00:19:15 - Advantages of Server component 00:20:20 - React compiler 00:22:51 - Routing in Next.js 00:29:40 - Nested routing 00:31:55 - Nested Dynamic routing 00:38:58 - Dynamic Nested routing 00:49:16 - Layout file 00:56:09 - Metadata 01:01:10 - Styling in Next.js 01:03:52 - Data Fetching 01:14:12 - Image component in Next.js 01:17:16 - API Routes 01:21:29 - Movie App 02:04:47 - E-commerce App 03:44:01 - Notes app 05:05:30 - Outro