Frontend ↔ API Integration

Explanation

export async function getSkills(token?: string) {
  const res = await fetch("/api/skills", {
    headers: token ? { Authorization: `Bearer ${token}` } : undefined,
    cache: "no-store",
  });
  if (!res.ok) throw new Error("Failed to load skills");
  return res.json();
}

Helpful resources

• MDN: CORS

  Understand cross-origin requests when connecting frontends to APIs.

  DocumentationFreeOfficial30 min

• Fetching data in React — Web Dev Simplified

  Practical data fetching patterns on YouTube.

  YoutubeFree20 min