Skip to content
Contact
Back to learning library

Phase 06 · Web systems

Next.js Application Engineering

Build full-stack web applications with routing, server-client boundaries, data flows, forms, metadata and deployment.

Open repositoryWatch on YouTubeStarter branch

Company-level project

Content and Commerce Platform

Begin from the starter branch, work through the modules and use the main branch as a completed reference after making a genuine attempt.

Next.jsReactTypeScriptApp RouterServer Actions
Open starter projectView completed referenceAssessment resources

Recommended sequence

Complete the modules at your own pace.

Every module links to the exact GitHub resource folder and its stable code-reference tag.

  1. 01

    App Router and Server-Client Boundaries

    Study the resources, complete the practical lab, validate the result and record any limitation.

    Code referencep06-module-01-app-router-and-server-client-boundaries
    ResourcesVideo
  2. 02

    Data Reads, Caching, Metadata and Discoverability

    Study the resources, complete the practical lab, validate the result and record any limitation.

    Code referencep06-module-02-data-reads-caching-metadata-and-discoverability
    ResourcesVideo
  3. 03

    Server Actions, Forms, Sessions and Authorisation

    Study the resources, complete the practical lab, validate the result and record any limitation.

    Code referencep06-module-03-server-actions-forms-sessions-and-authorisation
    ResourcesVideo
  4. 04

    Testing, Performance, Deployment and Release

    Study the resources, complete the practical lab, validate the result and record any limitation.

    Code referencep06-module-04-testing-performance-deployment-and-release
    ResourcesVideo

Project review

Build first. Compare second. Explain every decision.

Build from starter
Run validation
Compare with main
Document limitations
Explain the architecture