Frontend Roadmap
Next.js
Learning Path
Follow these concepts in order to master this topic.
1
Introduction to Next.js2
App Router3
Pages & Layouts4
Routing5
Server Components6
Client Components7
Data Fetching8
Metadata9
Images & Fonts10
API Routes11
Authentication12
Deployment with Vercel13
Performance OptimizationDocumentation
Official documentation and references.
Video Courses
Recommended free video courses.
Practice Websites
Practice what you've learned.
Projects
Apply what you've learned by building real projects.
Personal Blog
IntermediateDeveloper portfolio
IntermediateFull Stack Dashboard
Advanced