Skip to content

Web development · Corporate training

Sample curriculum

Next.js

Connect React interfaces with server rendering, application routing, and deployment workflows.

  • Intermediate
  • Live online and in person
Explore the curriculum Discuss your team’s training

At a glance

Who it’s for

Engineers with the listed foundations who want to deepen this skill or apply it in a different stack.

Starting point: Intermediate

Bring these foundations

  • React components, hooks, and JavaScript or TypeScript.
Foundation sessions can be included when needed.

Technologies & tools

  • Next.js
  • React
  • TypeScript
  • Node.js
Setup and versions agreed for your environment.

A practical destination

Skills to practise.

The sample path works towards these capabilities. Final goals reflect your team’s starting point and agreed scope.

  1. 01

    Organise routes and layouts around an application’s content.

  2. 02

    Choose rendering and data responsibilities for a particular feature.

  3. 03

    Prepare a Next.js application for testing and deployment.

Sample curriculum

Follow the learning route.

Each module connects the concepts to practical work. Open a module to explore both.

01Module 1

Application structure

Concepts to understand

  • Project setup and route organization
  • Layouts, navigation, and dynamic routes
  • Choosing conventions for the team's Next.js version

Practical work

Create a content or product application with a shared layout and a dynamic detail route. Explain how route conventions fit the agreed Next.js version.

Show the result. Explain one decision. Identify what you would improve.
02Module 2

Rendering & data

Concepts to understand

  • Server and client responsibilities
  • Static and request-time rendering
  • Data fetching, caching, and revalidation

Practical work

Compare static and request-time content needs. Decide what belongs on the server or client and describe how the data stays current.

Show the result. Explain one decision. Identify what you would improve.
03Module 3

Application features

Concepts to understand

  • API integration and form workflows
  • Authentication boundaries and authorization
  • Metadata, images, and accessible UI

Practical work

Add an API-backed feature and a form. Identify the authentication and authorisation boundaries rather than relying on hidden navigation.

Show the result. Explain one decision. Identify what you would improve.
04Module 4

Production readiness

Concepts to understand

  • Loading, error, and missing-page behavior
  • Testing and performance review
  • Environment configuration and deployment

Practical work

Exercise loading, missing-page and failure behaviour. Review metadata, images, environment configuration and the deployment plan.

Show the result. Explain one decision. Identify what you would improve.

A sample project

Bring the skills together.

Build a content or product application with server-rendered pages, data access, and a deployment plan.

Shorter engagements can focus on selected exercises. A larger, learner-owned capstone can be scoped for a longer programme.

Review the work & reasoning

Four useful questions.

  1. 01

    Does the work meet the agreed requirements?

  2. 02

    Can the learner explain the key decisions and trade-offs?

  3. 03

    What happens with invalid input, failure or an unexpected condition?

  4. 04

    What would they change or explore next?

Designed & delivered by Ragav Kumar V.

Training since 2016 · 100+ batches · 3,000+ professionals trained

Live demonstrations, guided exercises, pair work and project reviews connect the concepts to implementation. We agree the goals, starting knowledge, cohort size, delivery and schedule before shaping the final curriculum.

Shape this for your team

Connect the next skill

All web development curricula
Foundation

Web foundations: HTML, CSS & JavaScript

Intermediate

Advanced JavaScript

Intermediate

TypeScript