TypeScriptTypeScript24 min read

TypeScript with APIs

Model API responses and requests using TypeScript so your frontend and backend stay in sync.

David Miller
December 1, 2025
2.7k91

APIs return data. Type it to avoid bugs.

      ## Define response type
      ```ts
      type User = {
        id: number;
        name: string;
      };
      
      type ApiResponse<T> = {
        data: T;
        status: number;
      };
      ```
      
      ## Fetch example
      ```ts
      async function fetchUser(): Promise<ApiResponse<User>> {
        return {
          data: { id: 1, name: "Tom" },
          status: 200
        };
      }
      ```
      
      ## Use it
      ```ts
      async function main() {
        const res = await fetchUser();
        console.log(res.data.name);
      }
      ```
      
      ## Graph
      ```mermaid
      flowchart LR
        A[API] --> B[Response JSON]
        B --> C[Typed Object]
      ```
      
      ## Remember
      - Always type API contracts
      - Generics help reuse responses
      
#TypeScript#Advanced#APIs