Yiga AI

Course 13 of 19

Next.js Full-Stack

App router, Server actions, API routes, and more.

Yiga AI

Intermediate en

Intermediate · Course · 4 weeks at 5 hrs/week

Duration
4 weeks
Effort
5 hrs/week
Lessons
24
Hands-on exercises
24
Projects
1
Language
en

What you’ll learn

Skills you can put to work.

How the Web Works

HTML & CSS

JavaScript Fundamentals

Git & GitHub

Syllabus

Every module, step by step.

4 modules · 29 lessons · 19 hours · 1 graded project

1160 minutes of guided lesson time.

Sign in and enrol to unlock every lesson. The first lesson is open as a preview.

Module 1 · 7 lessons · 4.3 hoursApp routerModule 1 of 4 in Next.js Full-Stack.

  1. Overview and set-up

    Overview and set-up — App router in Next.js Full-Stack.

    Lesson

    40 min

  2. Core concepts

    Core concepts — App router in Next.js Full-Stack.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — App router in Next.js Full-Stack.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — App router in Next.js Full-Stack.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — App router in Next.js Full-Stack.

    Lesson · Locked

    40 min

  6. Applying it at work

    Applying it at work — App router in Next.js Full-Stack.

    Lesson · Locked

    40 min

  7. Module quiz: App router

    Check what you learned in App router before moving on.

    Quiz · Locked

    20 min
Module 2 · 7 lessons · 4.3 hours LockedServer actionsModule 2 of 4 in Next.js Full-Stack.

  1. Overview and set-up

    Overview and set-up — Server actions in Next.js Full-Stack.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — Server actions in Next.js Full-Stack.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Server actions in Next.js Full-Stack.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Server actions in Next.js Full-Stack.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — Server actions in Next.js Full-Stack.

    Lesson · Locked

    40 min

  6. Applying it at work

    Applying it at work — Server actions in Next.js Full-Stack.

    Lesson · Locked

    40 min

  7. Module quiz: Server actions

    Check what you learned in Server actions before moving on.

    Quiz · Locked

    20 min
Module 3 · 7 lessons · 4.3 hours LockedAPI routesModule 3 of 4 in Next.js Full-Stack.

  1. Overview and set-up

    Overview and set-up — API routes in Next.js Full-Stack.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — API routes in Next.js Full-Stack.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — API routes in Next.js Full-Stack.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — API routes in Next.js Full-Stack.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — API routes in Next.js Full-Stack.

    Lesson · Locked

    40 min

  6. Applying it at work

    Applying it at work — API routes in Next.js Full-Stack.

    Lesson · Locked

    40 min

  7. Module quiz: API routes

    Check what you learned in API routes before moving on.

    Quiz · Locked

    20 min
Module 4 · 8 lessons · 6.3 hours LockedDeploymentModule 4 of 4 in Next.js Full-Stack.

  1. Overview and set-up

    Overview and set-up — Deployment in Next.js Full-Stack.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — Deployment in Next.js Full-Stack.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Deployment in Next.js Full-Stack.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Deployment in Next.js Full-Stack.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — Deployment in Next.js Full-Stack.

    Lesson · Locked

    40 min

  6. Applying it at work

    Applying it at work — Deployment in Next.js Full-Stack.

    Lesson · Locked

    40 min

  7. Module quiz: Deployment

    Check what you learned in Deployment before moving on.

    Quiz · Locked

    20 min

  8. Graded project: Next.js Full-Stack

    Apply everything from Next.js Full-Stack in one graded, portfolio-ready build.

    Graded project · Locked

    120 min

Applied learning project

Make the learning visible.

Use Graded project: Next.js Full-Stack to apply this course to a practical challenge. You’ll finish with a clear solution and the reasoning behind your choices.

Apply the course’s core skillMake and explain practical decisionsCreate evidence you can share
Daniel O., Data & analytics

Your instructor

Daniel O.

Data & analytics

Turns real African data problems into practical lessons learners can apply immediately.

Brian Okello, Yiga learner

“The course content made machine learning understandable, and the practice kept me moving.”

Brian Okello

Software developer, Kampala

Continue with

Your next best step.

Following the order of Full-Stack Web Developer.

See the full chain

Next lesson

Overview and set-up

Next.js Full-Stack

40 min · Resume

Course 14 in the track

React Fundamentals

Components, State, Hooks, and more.

Intermediate · Course · 4 weeks at 5 hrs/week

Course 15 in the track

Node.js & Express

Servers, REST APIs, Middleware, and more.

Intermediate · Course · 4 weeks at 5 hrs/week

Course 16 in the track

Testing & Debugging

Unit tests, Integration, Debugging, and more.

Intermediate · Course · 3 weeks at 5 hrs/week

Learner reviews

What learners say.

Write a review

Sign in to share your experience with this course.

Sign in to review

Loading reviews…

Previous courseAdvanced React & TypeScriptNext courseReact Fundamentals

Keep going

Other courses in this track.

View full track
Technical Interview Prep cover illustration
Career

20 lessons · 16.7h · Advanced

Technical Interview Prep

Structured practice for coding interviews, plus mock interviews with feedback.

Yiga Plus
Modern Web Development cover illustration
Programming

25 lessons · 19.5h · Intermediate

Modern Web Development

Build and ship responsive web apps with HTML, CSS, JavaScript and React.

Yiga Plus