Implements a robust fetch utility layer for Next.js applications communicating with FastAPI backends.
This skill provides a standardized architecture for data fetching in Next.js, bridging the gap between client components, server actions, and FastAPI backend services. It includes pre-configured utilities for handling authentication tokens across layers, automatic token refreshing on 401 errors, and a consistent error handling pattern. By implementing this architecture, developers can ensure secure and efficient communication between the browser, Next.js server-side logic, and external API services while maintaining type safety and robust retry logic.
Key Features
01Layered fetch utilities for Client Components, Server Actions, and API Routes
02Standardized ApiError handling with descriptive error extraction
030 GitHub stars
04Built-in retry logic for rate-limiting (429) and service unavailable (503) status codes
05Automated authentication token refresh and session management
06Full TypeScript support for end-to-end type safety in data requests
Use Cases
01Creating SWR-compatible fetchers with automatic 401 handling
02Implementing SSR data fetching using server actions with cookie forwarding
03Setting up a secure proxy between a Next.js frontend and a FastAPI backend
