api-fetch-with-auth

What problem does it solve?

This Skill simplifies making authenticated API requests from a Next.js frontend by automatically attaching the user's Bearer token to requests, reducing boilerplate and potential errors.

Core Features & Use Cases

• Reusable fetch function: apiFetch(url, method, body) that automatically includes the Authorization header.
• Token handling: retrieves the token from getSession and uses it for all calls.
• Use Case: fetch data from protected endpoints in a Next.js application.

Quick Start

Create the apiFetch function by importing getSession from better-auth/nextjs and using it to attach the Bearer token to the Authorization header for the request.