Get in Touch
 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.
Investment

Price per private group, online live training, starting from 4350 € + VAT*

Contact us for an exact quote and to hear our latest promotions

Upcoming Courses

Related Categories