Ejemplo de Consumo de API Rest con Next.js

Ejemplo básico de consumo API Rest con Next.js en la versión 14. Se utilizo el API clasico de Rick & Morty.

Características:

• Para la construcción del proyecto se utilizó una instalación automática npx create-next-app@latest,
  aceptando los complementos de Tailwind CSS, Código dentro del directorio src/, y App Router.
• En la página inicial se consume un listado de personajes que se muestran dentro de un grid y dando estilo con ayuda de Tailwind css.

  Se están utilizando hooks como useState y useEffect provocando que es componente se comporte como un Client Component de Next.js

• Se puede obtener la vista de detalle del personaje mediante la obtención de su id, pasandolo como argumento y dando estilo al componente mediante module.css

  También el componente se comporta como un Client Component de Next.js

Instalación:

• Instala las dependencias del proyecto con el siguiente comando:

  npm install

• Para iniciar el servidor de desarrollo y ejecutar el proyecto localmente, usa:

  npm run dev Si todo está configurado correctamente, deberías ver un mensaje indicando que el servidor está corriendo, usualmente en http://localhost:3000.