Tech overview
- Next.js App Router with a client component for interactive state.
- TanStack Query handles fetch, cache, and loading/error states.
- Keyed caching via
['pokemon', id]
prevents duplicate requests. - Local
id
state selects the Pokémon; updates trigger refetch. - UI:
PokemonCard
renders data;ButtonGroup
increments/decrements id. - Styling with styled-components for scoped, themeable styles.