Fullstack CourseLearn by building
Back to examples

Axios + TanStack Query

UI never imports raw Axios. Feature code calls @/lib/api; Query owns cache; Nest owns truth.

Week 2 · data

Live health check

Loading health…

Query key pattern

queryKey: ['notes', 'list', filters]
queryFn: () => notesApi.list(filters)
// after mutate → queryClient.invalidateQueries({ queryKey: noteKeys.lists() })

Apply the same keys + invalidate pattern in the Week 4 Notes UI projects.