Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Duration 21 hours
Course Outline
Next.js 16 Overview and Advanced Architecture
- Key features and modifications in Next.js 16.x
- App Router structural design and principles
- Distinctions between Server and Client Components
- Rendering methodologies: SSR, SSG, ISR, and streaming
- Best practices for project structure
- Performance-centric application design
Advanced Routing and Navigation
- Nested layouts and shared UI components
- Route groups for structured routing
- Parallel routes for independent segments
- Intercepting routes and modal navigation
- Dynamic routing and catch-all segments
- Custom endpoints via Route Handlers
- Request interception using Middleware
React Server Components and Server Features
- In-depth analysis of the React Server Components model
- Server-side data retrieval
- UI streaming using Suspense boundaries
- Error boundaries and exception handling
- Loading UI patterns
- Partial and selective rendering
Server Actions and Forms
- Server Actions architecture and functionality
- Server-side form processing
- Validation methodologies
- Optimistic UI state updates
- Managing pending states and user feedback
- File uploads and progressive enhancement
Advanced Data Fetching and Caching
- Fetch API usage in Next.js and request memoization
- Core Data Cache concepts
- Route Cache setup
- Router Cache and invalidation logic
- Revalidation methods: on-demand and time-based
- Streaming data patterns
Authentication and Authorization
- Authentication architecture within Next.js
- Session management techniques
- JWT-based authentication workflows
- OAuth integration approaches
- Implementation of Role-Based Access Control
- Route protection via Middleware
Database Integration and ORM
- Database architecture considerations
- PostgreSQL integration with Next.js
- Prisma ORM configuration and queries
- Drizzle ORM overview and migration
- Connection pooling setup
- Database migration strategies
- Repository patterns for data access
API Development
- Route Handlers and API conventions
- RESTful API construction
- Request validation for APIs
- Error handling and response structuring
- File upload endpoints
- Webhook integration and verification
- Rate limiting and API security
Performance Optimization
- Bundle analysis and refinement
- Code splitting techniques
- Dynamic imports for on-demand loading
- Image component optimization
- Font optimization using next/font
- Lazy loading patterns
- Optimizing Core Web Vitals
Testing Next.js Applications
- Unit testing for server and client code
- Component testing using utility tools
- Integration testing for data flows
- End-to-end testing with Playwright or Cypress
- Mocking APIs and services
- Testing Server Components
- Testing Server Actions
Deployment, DevOps, and Monitoring
- Production build configuration
- Environment variable management
- Docker containerization for Next.js
- CI/CD pipeline configuration
- Application monitoring and logging
- Error tracking and reporting
- Production performance monitoring
Advanced Patterns and Capstone Project
- Architectural patterns for scalability
- Feature organization and module boundaries
- Design patterns in Next.js applications
- Multi-tenant application architecture
- Capstone project demonstration
- Course summary and Q&A session
Requirements
- Intermediate proficiency in React (components, hooks, state management)
- Experience with Node.js and modern JavaScript (ES6+)
- Conceptual understanding of HTTP/REST and web APIs
Target Audience
- Full-stack developers transitioning to Next.js 16 for production builds
- React engineers upgrading from earlier versions or targeting performance-critical applications
- Backend developers integrating React Server Components into full-stack architectures
Custom Corporate Training
Training solutions designed exclusively for businesses.
- Customized Content: We adapt the syllabus and practical exercises to the real goals and needs of your project.
- Flexible Schedule: Dates and times adapted to your team's agenda.
- Format: Online (live), In-company (at your offices), or Hybrid.
Price per private group, online live training, starting from 4350 € + VAT*
Contact us for an exact quote and to hear our latest promotions