Building a Next.js Feature

From issue to deployed PR. A complete loop on a realistic Next.js codebase.

End-to-end: an issue describes a feature; the agent reads the codebase, writes the route, the page, the test, opens a PR. Watch how a single well-scoped prompt produces a reviewable change.

Watch · Riley Brown

Riley builds a full site with Claude end-to-end — a real-time look at the prompt → preview → iterate loop this lesson teaches.

Sandbox transcript

Claude Code · sandbox replay

Press Play to replay this transcript step-by-step.

0 / 9

The transcript is canned — no real API calls. The point is to internalize the loop: user → plan → tool → result → answer.

Check your understanding

Q1. Why does the prompt include both the route, the data shape, and the test in one breath?

· Score 100% on the quiz.