Next.js Web Development
Modern React applications, production-ready.
Level
Intermediate
Duration
3-day intensive
Format
On-site / Online
Group size
Up to 8
Language
English
Overview
Next.js is the industry-standard framework for building fast, maintainable React applications — but its modern architecture (App Router, Server Components, server actions) is a genuine shift from the React many teams learned.
This course brings your developers up to speed on how Next.js applications are actually built today. We start from the mental model — where code runs, what renders when — and build outward: routing, data fetching, forms and mutations, authentication patterns, and deployment.
The course centers on building a real application together, so every concept is immediately applied and every trade-off discussed against production experience.
What You'll Learn
- Understand the App Router model: layouts, pages, and nested routes
- Know what runs where: Server Components vs. Client Components
- Fetch and cache data correctly, with revalidation strategies
- Build forms and mutations with server actions
- Implement authentication and route protection
- Deploy and operate a production Next.js application
Syllabus
1The Modern Next.js ModelThe mental model that makes the framework predictable.
- App Router: layouts, pages, nested routes
- Server Components vs. Client Components
- Rendering: static, dynamic, streaming
- Project structure that scales
2Data & CachingFetching data where it belongs — on the server.
- Async Server Components and fetch
- Caching and revalidation (ISR, tags)
- Databases and ORMs in Next.js
- Loading and error states
3Forms, Mutations & AuthThe interactive half of every real application.
- Server actions and form handling
- Validation and error feedback
- Authentication patterns and middleware
- Protecting routes and APIs
4Production ReadinessFrom working app to running product.
- SEO and metadata
- Performance and image optimization
- Docker and self-hosted deployment
- Monitoring and maintenance
Who It's For
Audience
Developers with React experience whose team is adopting Next.js, or upgrading from the Pages Router to the App Router.
Prerequisites
Working knowledge of JavaScript/TypeScript and basic React (components, props, state).
Practical Details
- Format: on-site at your office anywhere in Sweden, or live online
- Group size: up to 8 participants
- Materials: complete workshop codebase with step-by-step branches
- Follow-up: 30 days of email Q&A after the course
“We have engaged Hani to deliver several of our courses, including the Git course. He delivered the course very professionally, and the end customer was extremely satisfied with the quality of the training and the overall result.”
Related Courses
Git & Version Control
From solo commits to confident team workflows.
R for Data Analysis
From spreadsheets to reproducible analysis.
Python Programming
Practical Python for data work and automation.
Bring Next.js Web Development to your team
Tell us about your team's context and we'll tailor the curriculum, exercises, and pace before day one.