ranmerc/movie-search-next

Movie search using TMDB API

CSS

Search Movies

NextJS app to search movies using TMDB API. Deployed on Vercel here.

Environment Variables

KEY TMDB API key.

Learnings

Used NextJS API Routes to create a API to hide TMDB api key and fetch data.
Used useSWRInfinite to fetch paginated data from the TMDB api.
Dark/Light theme switcher with React Context.
Used matchMedia to change theme based preferred user theme.

References

Design on Figma.
Icons from boxicons.
Kleki.
How to use react context effectively by Kent C Dodds.
Fetcher gets called much more than I expect in SWR Issues.
Cannot update a component (App) while rendering a different component on Stack Overflow.
Accessible Icon Buttons.