Ch 7 · The Project · Next.js

Topic 7 of 7 in Next.js — Build the App You Deploy — 4 lessons.

An Order Tracker That Persists

This is a complete Next.js application. It creates its table on first run, seeds two rows, lists them on a server-rendered page, and exposes a validated API.

Try to Break It

Send each of these to /api/orders and check the status code and message are the ones you would want to receive:

What Makes This Portfolio-Ready

Those five sentences are what you say when someone asks what you built. Not "I used Next.js" — anyone can say that.

Check Yourself

If number three gave you trouble, re-read Card 4.2 — cached data is the bug you will spend an afternoon on otherwise.

All topics in Next.js Beginner

1. What Next.js Adds
2. Routes Are Folders
3. Server and Client
4. Getting Data Onto the Page
5. Your Own API
6. Talking to Postgres
7. The Project