NEXT.JS FETCH SNIPPET BUILDER

export interface PostData {
  id: number;
  title: string;
  content?: string;
  createdAt: string;
  [key: string]: any;
}

export type FetchResult<T> = 
  | { data: T; error: null }
  | { data: null; error: Error };

export async function fetchPostData(): Promise<FetchResult<PostData>> {
  try {
    const response = await fetch(
      "https://api.example.com/v1/posts",
    headers: {
    "Authorization": `Bearer ${process.env.API_TOKEN}`
    },
    next: { revalidate: 60 }
    );

    if (!response.ok) {
      throw new Error(`Fetch failed with status ${response.status}: ${response.statusText}`);
    }

    const data = await response.json();
    return { data: data<PostData>, error: null };
  } catch (err) {
    return {
      data: null,
      error: err instanceof Error ? err : new Error("Unknown error during fetch")
    };
  }
}