Course Outline
Introduction to Next.js 14
- What's new in Next.js 14?
- Setting up the development environment
- Exploring the Next.js directory structure and configuration
Deep Dive into New Features
- Understanding Middleware and its use cases
- Implementing React Server Components
- Working with Edge Functions for enhanced performance
Building a Full-Fledged Application
- Structuring a Next.js project for scalability
- Advanced routing and dynamic pages
- State management with React Context and hooks
Performance Optimization
- Techniques for optimizing load times and Core Web Vitals
- Best practices for image optimization and lazy loading
- Deploying and monitoring a Next.js application
Troubleshooting and Debugging
- Common pitfalls and how to avoid them
- Debugging Next.js applications effectively
- Utilizing the Next.js community and resources for ongoing support
Summary and Next Steps
Requirements
- Solid understanding of JavaScript ES6 and React basics
- Familiarity with web development concepts and workflows
- Experience with server-side rendering and static site generation is a plus
Audience
- Web developers
- React developers
- Technical leads and architects
Testimonials (5)
Łukasz patience
Stroila Adrian Emilian
Machine Translated
I like the professionality of the trainer, he really knows what he is talking about and able to explain almost even the simple subjects on the topic which is great.
Marlon - National Confederation of Cooperatives
Course - React with Next.js
It was nice it had a lot of exercise, but the pace is too fast.
Irina - Thales Group
Course - Advanced React
The general knowledge sharing by Narendra and all the dev resources shared
Pako Diale
Course - Transform a React Application into a Progressive Web App (PWA)
The breadth of the topis covered was quite a bit and the trainer tried to do justice to that.