Crea tu API Rest con Next.js

pages
  api
    hello.js

// Creamos un archivo llamado 'data.js' dentro de la carpeta 'api' en la carpeta 'pages'
// Este archivo exporta una función anónima que maneja la solicitud HTTP GET para la ruta '/api/data'
export default (req, res) => {
  // Establecemos el código de estado de la respuesta HTTP en 200
  res.statusCode = 200;
  // Establecemos el tipo de contenido de la respuesta HTTP en 'application/json'
  res.setHeader("Content-Type", "application/json");
  // Enviamos como respuesta HTTP un objeto JSON que contiene la propiedad 'estamosEn' con el valor 'Medellín JS'
  res.end(JSON.stringify({ estamosEn: "Medellín JS" }));
};

npm i next-connect cors

yarn add next-connect cors

// Importamos las bibliotecas 'next-connect' y 'cors'
import nc from "next-connect";
import cors from "cors";

// Creamos un objeto manejador de eventos de 'next-connect'
const handler = nc()
  // Agregamos el middleware de 'cors' al manejador de eventos
  .use(cors())
  // Establecemos el método HTTP GET y enviamos una respuesta con el texto "Hola Medellín JS"
  .get((req, res) => {
    res.send("Hola Medellín JS");
  })
  // Establecemos el método HTTP POST y enviamos una respuesta con un objeto JSON que contiene la propiedad 'hola' con el valor 'MedellinJS'
  .post((req, res) => {
    res.json({ hola: "MedellinJS" });
  })
  // Establecemos el método HTTP PUT y enviamos una respuesta con el texto "Hola Amigos"
  .put(async (req, res) => {
    res.end("Hola Amigos");
  });

// Exportamos el objeto manejador de eventos como el valor predeterminado del archivo
export default handler;

pages
  api
    comments
      [id].js
      index.js