Chamadas Apis

Com esse tutorial você será capaz fazer chamadas apis.

Server-side

Se for utilizar uma chamada api em um componente server-side

Utilize a pasta 📂 /src/app/api e crie um arquivo e chame a sua API

Observe o exemplo abaixo chamando uma API de produtos

export const runtime = 'edge';

import { headers } from 'next/headers';

export async function GET() {
  try {
     const url = `https://fakestoreapi.com/products/1`;

    const products = await fetch(url, {
      method: 'GET',
    });

    return Response.json(products);
  } catch (error) {
    return Response.error();
  }
}

Client-side

Se for utilizar uma chamada api em um componente client-side

Utilize a pasta 📂 /src/pages/api e crie um arquivo e chame a sua API

Observe o exemplo abaixo chamando uma API de produtos

import { NextApiRequest, NextApiResponse } from 'next';

const handler = async (req: NextApiRequest, res: NextApiResponse) => {
  try {
    const url = `https://fakestoreapi.com/products/1`;
    
    const result = await fetch(url, {
      method: 'GET',
    });
    await result.json();

    res.status(result.status).json({ message: 'success' });
  } catch (error) {
    res.status(500).json({ error: 'error' });
  }
};

export default handler;