← Back to courses
Web Development
Next.js Web Application Development
Full-stack React with the App Router
A classroom course for React developers moving to Next.js. The modules follow the Getting Started pages of the Next.js App Router documentation: project structure, layouts and pages, linking and navigating, Server and Client Components, fetching and mutating data, caching and revalidating, error handling, CSS, image and font optimization, metadata, route handlers, and deploying. This course prepares for no exam.
10Modules
IntermediateLevel
2 monthsDuration
COURSE THUMBNAIL
What you will be able to do
Structure a Next.js application with layouts and pages
Decide what renders on the server and what on the client
Fetch, cache and revalidate data correctly
Change data with Server Functions
Optimise images, fonts and metadata
Deploy a full-stack application
Course outline
01
Installation and project structure
02
Layouts and pages; linking and navigating
03
Server and Client Components
04
Fetching data
05
Mutating data with Server Functions
06
Caching and revalidating
07
Error handling
08
CSS, image and font optimization
09
Metadata, route handlers and Proxy
10
Deploying; a full-stack project
Tools you will use
Next.jsReactTypeScriptTailwind CSSNode.js
What you need
Working knowledge of HTML, CSS and JavaScript
Working knowledge of React
