frontend-api-client-with-jwtlisted

# Frontend API Client with JWT Skill ## When to Use This Skill Use this conceptual skill when you need to implement a robust API client in Next.js that properly handles JWT tokens for authentication. This skill is appropriate for: - Creating centralized API communication layer in Next.js applications - Managing JWT-based authentication across multiple API endpoints - Handling token expiration and refresh scenarios - Standardizing error response parsing and handling - Implementing secure API communication patterns This skill should NOT be used for: - Applications without JWT-based authentication - Static sites without API communication needs - Applications using alternative authentication methods (API keys, OAuth 2.0 client credentials, etc.) - Simple applications with minimal API interaction ## Prerequisites - Next.js application (either App Router or Pages Router) - Understanding of JWT (JSON Web Token) concepts - Knowledge of HTTP headers and authorization mechanisms - Basic understanding of asynchronous JavaScript operations - Awareness of client-side vs server-side execution contexts ## Conceptual Implementation Framework ### Authorization Header Attachment Capability - Automatically attach JWT tokens to API requests as Authorization headers - Determine when to include tokens based on request type and endpoint - Handle token attachment for both client-side and server-side requests - Manage token inclusion in cross-origin requests appropriately - Ensure proper head