Turn Each Movie into a Real Detail Page

The browse experience can now lead users to an individual movie, but the destination does not exist yet. In this module you will create /movie/[id] and fill it with the richer data that makes a movie page worth opening: the poster, backdrop, metadata, synopsis, genres, director, and cast.

This is the point where the data layer grows beyond the card summary. You will add a MovieDetail response transformation and a cast query, then use the dynamic route parameter to request exactly the movie the user selected. The UI remains grounded in the same application types and the existing visual system.

You will also keep the route defensive. A valid movie id should render its page; an invalid one should use Next.js’s not-found behavior rather than producing a half-empty layout. The wishlist button will be introduced here because the detail page is one of the two places where a user saves a movie.

By the end of the module, a click from any movie card leads to a complete movie page with real TMDB details and cast. The next module will make the wishlist action work across the app.