NEXTJS
Next.js
The best training to master the Next.js framework
✓ Official training SFEIR InstituteLevel Intermediate⏱️ 2 days (14h)
What you will learn
- Understand the features and patterns of Next.js
- Know the different rendering methods: SSR, SSG, Partial Prerendering...
- Master the concept of React Server Component
- Develop a complete application with Next.js
- Deploy and host a Next.js application
Prerequisites
- Basic knowledge of HTML and CSS
- Having completed the Typescript training or having equivalent knowledge
- Having completed the React training or having equivalent knowledge
Target audience
- Experienced frontend or fullstack JavaScript developer who already has knowledge of React and wishes to master the Next.js framework
Training Program
9 modules to master the fundamentals
Topics covered
- →Introduction to Next.js, its key features, the latest versions
- →Framework features
- →History
- →The documentation / App Router VS Pages Router: what's the difference?
- →Project generation and base folder structure
- →Application discovery
Topics covered
- →Learning routing with Next.js: structuring the application and its URLs
- →Structuring pages
- →Using Layouts and Templates
- →Dynamic URLs and advanced URL matching
- →Navigation between pages
- →Metadata
Activities
Page and layout tree structure
Link component and router hooks
Topics covered
- →Why use RSCs?
- →Technical presentation of RSCs – Demystifying the concepts
- →What are the implications for a React application?
- →Migration guides from client component to server component
- →Client boundaries and development standards
Activities
React Server Components – the basics
Composition and children
Topics covered
- →Exploring data loading strategies: how to choose?
- →Server-side data loading
- →Caching and data revalidation strategies
- →Route handlers: client-side loading
Activities
Server-side loading and cache management
Topics covered
- →Strategies to make our application more resilient
- →React error boundaries to handle unexpected runtime errors
- →404 errors
Activities
Error boundaries in Next.js
404 Errors
Topics covered
- →What are the strategies for performing data mutation or sending?
- →Server actions
- →Usage examples
- →Server actions vs route handlers: how to choose?
Activities
Server actions
useOptimistic – useActionState – useFormStatus hooks
Topics covered
- →Using middlewares for advanced routing and request interception
- →Lifecycles of a Next.js application
- →The next.config.js configuration file
- →The middleware.js file
Activities
Rewrite rules
Basic authentication system
Topics covered
- →Comparison of rendering methods: SSR, SSG, ISR. Choosing the adapted method, dynamic pages, static pages, and partial pre-rendering
- →What does Next.js bring with the concept of Streaming?
- →Dynamic pages
- →Streaming: how to optimize loading with suspense boundaries?
- →Static pages
- →Partial pre-rendering
- →Static export (complete application)
Activities
Static generation – generateStaticParams
Route Segment Config
Topics covered
- →Review of the different deployment strategies and configurations for a Next.js application
- →Static export
- →Vercel
- →Process Node.js
- →Dockerization
Activities
Depending on the chosen deployment strategy
Quality Process
SFEIR Institute's commitment: an excellence approach to ensure the quality and success of all our training programs. Learn more about our quality approach
Teaching Methods Used
- Lectures / Theoretical Slides — Presentation of concepts using visual aids (PowerPoint, PDF).
- Technical Demonstration (Demos) — The instructor performs a task or procedure while students observe.
- Guided Labs — Guided practical exercises on software, hardware, or technical environments.
Evaluation and Monitoring System
The achievement of training objectives is evaluated at multiple levels to ensure quality:
- Continuous Knowledge Assessment : Verification of knowledge throughout the training via participatory methods (quizzes, practical exercises, case studies) under instructor supervision.
- Progress Measurement : Comparative self-assessment system including an initial diagnostic to determine the starting level, followed by a final evaluation to validate skills development.
- Quality Evaluation : End-of-session satisfaction questionnaire to measure the relevance and effectiveness of the training as perceived by participants.
Upcoming sessions
No date suits you?
We regularly organize new sessions. Contact us to find out about upcoming dates or to schedule a session at a date of your choice.
Register for a custom dateTrain multiple employees
- Volume discounts (multiple seats)
- Private or custom session
- On-site or remote