TanStack Query - Bonnes pratiques

Projet TanStack Query & Next.js

Ce projet est un terrain de jeu pour maîtriser TanStack Query (React Query) dans un contexte Next.js.

Au programme : fetching asynchrone optimisé, gestion d'erreurs élégante, cache intelligent, et intégration fluide avec le SSR/SSG.

J'y expérimente les patterns recommandés pour des composants propres et performants.

Stack Technique

Frontend

  • Next.js (App Router)
  • Tailwind CSS
  • shadcn/ui

Gestion des Données

  • TanStack Query v5
  • React Hooks personnalisés
  • LocalStorage pour les favoris

API & Services

  • TMDB API (The Movie Database)
  • Pagination infinie
  • Mise en cache optimisée