Common code snippet

Next.js

Implementing a proxy URL in Next.js to pass query params to an external API can be done by:


export default async function handler(
  req: NextApiRequest,
  res: NextApiResponse<ResponseData>
) {
  const { query } = req;
  const queryStr = new URLSearchParams(
    query as Record<string, string>
  ).toString();

  try {
    const request = await fetch(
      `https://DOMAIN.com?${queryStr}`
    );
    const response = await request.json();

    return res.status(200).json(response);
  } catch (e) {
    return res.status(500).json({ message: "Server error" });
  }
}