Guide building client-server APIs with REST, JSON, and fetch calls.
npx skills add https://github.com/mrdulasolutions/DevLearn --skill devlearn-apis
Please help me install this Agent Skill. Skill: devlearn-apis Source: https://github.com/mrdulasolutions/DevLearn/tree/main/devlearn-apis Command: npx skills add https://github.com/mrdulasolutions/DevLearn --skill devlearn-apis
DevLearn API skill solves the confusion of “making data move” by teaching the full request/response mental model across client fetch, server routes, JSON payloads, environment variables, errors, and browser CORS behavior.
fetch calls, and how JSON parsing/serialization fits the workflow..env patterns, status-code meaning, user-visible error handling, CORS decision-making, and auth-layer previews.Ask the AI: Teach me how to add an endpoint and connect a client-side fetch call for a /api/todos feature in my current stack, including the JSON shape, .env usage, and what to do if I hit CORS.
High-intent search queries and answers about installing and using this skill.
To connect a client-side fetch call to a REST API, you design server routes to handle requests and use fetch on the client to send JSON payloads and parse the response data. This covers the full request and response flow.
A CORS error occurs when the browser blocks a cross-origin REST API request. You resolve it by configuring CORS headers on the server route to explicitly allow the client domain to access the JSON endpoints.
Use a REST API instead of localStorage when data must be shared across users or protected by auth. localStorage only stores local browser data, while REST APIs handle server-side persistence and user-specific private data.
Managing environment variables for API routes involves using `.env` files to securely store configuration data like database URLs and auth secrets. The server loads these `.env` variables to protect sensitive information.
Handling 404 and 500 status codes in fetch requests requires checking the response status object and validating error conditions. You map these status codes to user-visible error messages to troubleshoot API issues effectively.
Adding a login auth layer to a REST API involves selecting an auth ladder and implementing protected server routes. Clients must send auth credentials via fetch to receive a token before accessing private JSON data.
trycompaiOrchestrate server-to-client SWR workflows for API data fetching.
amplitudeIntegrate Amplitude analytics into Astro SSR projects with client and server tracking.
reginadelrio-vadaiIntegrate Supabase Auth with Next.js App Router using @supabase/ssr.
Camilo8902Migrate REST APIs to GraphQL incrementally using schema stitching and REST data source wrappers.