Proyectos desarrollados con #Nextjs

Clonar el Shorts de YouTube con NextJS Clonar el Shorts de YouTube con NextJS

Implementación de un clon de YouTube Shorts utilizando Next.js y la librería react-intersection-observer. La aplicación permite la reproducción automática de videos al desplazarse por la lista, replicando la experiencia de usuario de los Shorts de YouTube.

👉 Código Aquí:   


Como usar Server Actions en NextJS Como usar Server Actions en NextJS

El server Actions no evitar estar creando una Api Rest, ademas el server Actions puede funcional tanto lado servidor como cliente. Utilizar un servidor de acciones tiene varias ventajas.

👉 Código Aquí:   


Conectar MySQL con NextJS Conectar MySQL con NextJS

Aprende a conectar MySQL a Next.js de manera sencilla y eficiente, para probar la base de datos de forma local.

👉 Código Aquí:   


Consumir una API con NextJS Consumir una API con NextJS

Aprende a consumir una Api en NextJs desde cero usando el método fetch de JavaScript, una tarea muy cotidiana en la vida de los desarrolladores.

👉 Código Aquí:   


Guía Completa para Integrar Bootstrap 5 en NextJS Guía Completa para Integrar Bootstrap 5 en NextJS

Aprende a integrar Bootstrap 5 en Next.js de manera sencilla y eficiente, para mejorar la experiencia del usuario.

👉 Código Aquí:   


Implementación de Syntax Highlighting en NextJS para Resaltar Código Implementación de Syntax Highlighting en NextJS para Resaltar Código

Aplicación construida conNext.JS que muestra cómo resaltar bloques de código utilizando el paquete react-syntax-highlighter. Incluye un botón para copiar el código al portapapeles y un indicador visual de que el código ha sido copiado.

👉 Código Aquí:   


Implementar paquete npm Nextjs Toast Notify Implementar paquete npm Nextjs Toast Notify

Nextjs Toast Notify es un paquete npm imprescindible para agregar notificaciones emergentes (toasts) a tus aplicaciones web con Next.js. Ideal para proporcionar retroalimentación visual clara y efectiva sin interrumpir la experiencia del usuario.

👉 Código Aquí:   


Sala de Chat con NextJS Sala de Chat con NextJS

Un proyecto de chat en tiempo real construido con Next.js y Socket.io, que permite a los usuarios interactuar en una sala de chat dinámica. Utiliza socket.io-client en el frontend para gestionar la comunicación en tiempo real con el servidor. Implementa actualizaciones instantáneas de mensajes y soporte para múltiples usuarios. Perfecto para aplicaciones de chat colaborativo o interacción en vivo.

👉 Código Aquí:   


Sistema de Likes y Dislikes con NextJS Sistema de Likes y Dislikes con NextJS

Sistema de Likes y Dislikes con Next.JS es una aplicación web interactiva que permite a los usuarios expresar sus preferencias mediante votos positivos y negativos, Permite a los usuarios interactuar con el contenido y visualizar la popularidad relativa de cada elemento.

👉 Código Aquí:   


Subir Imágenes con NextJS Subir Imágenes con NextJS

Aprende a cargar imágenes en Next.js de manera sencilla y eficiente, además de listar todas las imágenes cargadas. Para mejorar la experiencia del usuario, incorporaremos react-toastify para generar alertas y react-top-loading-bar para mostrar una barra de progreso durante las operaciones.

👉 Código Aquí:   


Urian Viera

👋 Ingeniero de Sistemas y Desarrollador Full Stack apasionado por el mundo del desarrollo de aplicaciones Web y Móviles. Mi experiencia abarca el Front-end y Back-end, encontrando equilibrio entre creatividad y eficiencia técnica.

Disfruto crear y compartir mis conocimientos de manera clara y directa para facilitar el aprendizaje rápido y efectivo.

Experiencias
Urian Viera full stack developer - Edumedia Tech
Edumedia Tech

Coordinador de Desarrollo

Urian Viera full stack developer - Dugotex S.A
Dugotex S.A

Desarrollador full stack

Urian Viera full stack developer - AECSA
AECSA

Desarrollador Sénior

Urian Viera full stack developer - Bull Marketing S.A.S
Bull Marketing S.A.S

Programador Web

Urian Viera full stack developer - Permutasalcuadrado
Permutasalcuadrado

Desarrollador de aplicaciones Web

Urian Viera full stack developer - Apure Tv (Canal de televisión)
Apure Tv (Canal de televisión)

Coordinador de sistemas

😲 Mi Primer Paquete NPM

Loading Request es un paquete npm diseñado para ofrecer un indicador de carga visual durante cualquier solicitud o proceso asíncrono en JavaScript. Su objetivo es mejorar la experiencia del usuario al proporcionar una integración sencilla y una personalización completa.

Échale un vistazo a este paquete npm ¡sin duda te encantará!

🔥 Mi Segundo Paquete NPM

Nextjs Toast Notify es un paquete npm imprescindible para agregar notificaciones emergentes (toasts) a tus aplicaciones web con Next.js. Ideal para proporcionar retroalimentación visual clara y efectiva sin interrumpir la experiencia del usuario.

Échale un vistazo a este paquete npm ¡sin duda te encantará!