Skip to content

Proyecto te enseña a consumir una API utilizando Next.js para listar publicaciones y mostrar los detalles de cada una. Implementa rutas dinámicas para navegar entre la lista de posts y sus detalles. Además, aprenderás a manejar el estado de los datos y optimizar la carga de información desde el servidor.

Notifications You must be signed in to change notification settings

urian121/consumir-api-listar-publicaciones-y-ver-detalles-con-nextjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Domina la forma de consumir API, listar publicaciones y ver detalles con Next.js

Descripción

Este proyecto te enseña a consumir una API utilizando Next.js para listar publicaciones y mostrar los detalles de cada una. Implementa rutas dinámicas para navegar entre la lista de posts y sus detalles. Además, aprenderás a manejar el estado de los datos y optimizar la carga de información desde el servidor.

Resultado final

Detalles del Post y sus Comentarios

Características principales

  • Consumo de API RESTful para obtener publicaciones.
  • Listado de posts.
  • Visualización detallada de cada publicación mediante rutas dinámicas.
  • Optimización de la carga de datos desde el servidor.
  • Manejo de errores y estados de carga (loading/spinner).

Instalar Bootstrap 5 en NextJS

https://www.youtube.com/watch?v=yzNCrBOqvto

https://github.com/urian121/guia-completa-para-integrar-Bootstrap5-en-Nextjs14

Instalar las dependencias

npm install

Ejecuta la aplicación en modo desarrollo

npm run dev

Visitar

http://localhost:3000
Nota

En Next.js, una carpeta con nombre entre corchetes, como [id], define una ruta dinámica. Esto permite que el nombre de la URL se convierta en un parámetro, por ejemplo, /posts/1 donde id es el valor dinámico (1)

Expresiones de Gratitud 🎁

Comenta a otros sobre este proyecto 📢
Invita una cerveza 🍺 o un café ☕
Paypal [email protected]
Da las gracias públicamente 🤓.

No olvides SUSCRIBIRTE 👍

About

Proyecto te enseña a consumir una API utilizando Next.js para listar publicaciones y mostrar los detalles de cada una. Implementa rutas dinámicas para navegar entre la lista de posts y sus detalles. Además, aprenderás a manejar el estado de los datos y optimizar la carga de información desde el servidor.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published