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.