Next.js Tutorial for Beginners (Net Ninja)
By Net Ninja
- Course audio
- Course audio: English
- Level
- Intermediate
- Length
- 14 lessons
What you'll be able to do
- Create pages, routes and a shared layout in Next.js
- Fetch data at build time and build dynamic routes
- Deploy a Next.js site to Vercel
About this course
Shaun Pelling of Net Ninja gives a short, clear introduction to Next.js. The series covers setup, pages and routes, shared components, linking between pages, a layout component, styling, a custom 404 page, redirects, images and metadata, fetching data with getStaticProps, dynamic routes with getStaticPaths, fetching a single item and deploying to Vercel. It uses the Pages Router, so it suits React learners who want the core ideas quickly; afterwards learn the newer App Router from the Next.js docs or a full-stack course.
Before you start: Basic React (components, props, state)
Syllabus
Lessons listed from the official YouTube playlist. Full playlist on YouTube
- 1Next.js Tutorial #1 - Introduction & Setup
- 2Next.js Tutorial #2 - Pages & Routes
- 3Next.js Tutorial #3 - Adding Other Components
- 4Next.js Tutorial #4 - Linking Between Pages
- 5Next.js Tutorial #5 - Creating a Layout Component
- 6Next.js Tutorial #6 - Adding Styles
- 7Next.js Tutorial #7 - Custom 404 Page
- 8Next.js Tutorial #8 - Redirecting Users
- 9Next.js Tutorial #9 - Images & Metadata
- 10Next.js Tutorial #10 - Fetching Data (getStaticProps)
- 11Next.js Tutorial #11 - Dynamic Routes (part 1)
- 12Next.js Tutorial #12 - Dynamic Routes (part 2 - getStaticPaths)
- 13Next.js Tutorial #13 - Fetching a Single Item
- 14Next.js Tutorial #14 - Deploying to Vercel
What to take next
Related courses
Videos by Net Ninja, played from their official YouTube channel. Subscribe on YouTube
Official upload by the teacher or institution on their own channel, shown with YouTube's embedded player.
Lessons listed from the official YouTube playlist. Full playlist on YouTube
Lessons last checked Oct 2026. Course summary and lesson structure by Sabaq.
Report a problem or a rights request

