Next.js Foundations
Build your first Next.js site with the App Router, layouts, pages and server components.
What you'll learn
- Create routes and layouts with the App Router
- Choose between server and client components
- Optimize images and fonts
- Set page metadata
About this course
You build a small company site in Next.js. You learn file-based routing, layouts, server and client components, images and metadata, and deploy the site.
Course curriculum
4 modules and 12 lessons over 4 weeks. Plan for about 12 learning hours.
01App RouterWeek 1 · 3 lessons
- Project setup
- Pages and layouts
- Links and navigation
02ComponentsWeek 2 · 3 lessons
- Server components
- Client components
- Passing data
03AssetsWeek 3 · 3 lessons
- next/image
- next/font
- Metadata
04Company siteWeek 4 · 3 lessons
- Home and about
- Services pages
- Deploying
Project
Company site. A multi-page company site built with Next.js and deployed.
Who this course is for
React learners starting with Next.js.
Prerequisites
You build React components.
What's included
- 180-day course access
- Project brief
- Starter repository
- Coding labs
- Reference solutions
- One written project review
- A digital completion certificate
Learning format
Project-based online course, part of our guided project courses. One written project review.
Access and delivery
- Course access is delivered within 15 minutes after payment.
- Written project review is returned within 2 business days of submission.
- Completion materials are issued within 2 business days after the project is approved.
Certificate
You receive a digital completion certificate. Completion materials are issued within 2 business days after the project is approved.
Frequently asked questions
When does access start?
Course access is delivered within 15 minutes after payment.
Is payment taken on this website?
No. After you submit your enrollment request, we reply by email with payment details and enrollment confirmation.
Does this course guarantee a job or income?
No. It is an education and training service and does not include employment, income or placement guarantees.
Can I cancel?
Our Refund and Cancellation Policy lists the terms for project-based programs.
