Build Full Screen Image Slider using Next.js & TailwindCSS | Auto-slide Effect |Beginners Tutorials

Today we are going to build Full Screen Image Slider using Next.js & TailwindCSS | Auto-slide Effect |Beginners Tutorials. It includes map function, Heroicons, 3 party packages(react-slideshow-image) usage for smooth image transition.

You can continue parallel with me for a better understanding of the web concepts & uplift your design/dev skills up to the next level in a short span of time.✌🏻

🔔 Subscribe for more! https://www.youtube.com/c/Streamline13

📚 Materials/References: 🔗 Project Source code (give it a star ⭐):- https://github.com/Streamline6/Responsive-fullpage-image-slider

📁 Assets Icons: https://heroicons.com/ Images: https://unsplash.com/ designs:https://www.canva.com/ packages: https://www.npmjs.com/package/react-slideshow-image

Time Stamps 👇 00:00 - Introduction 00:12 - Project Showcase 01:32 - Project Setup 03:46 - Install Packages 12:38 - Zoom effect 13:00 - Map function

😊 Follow Me: Instagram: https://www.instagram.com/stream_line6/ Twitter: https://twitter.com/stream_line6

🔔 Support me, Subscribe for more! https://www.youtube.com/c/Streamline13

💼 Business Inquiries: E-mail: webstreamline13@gmail.com

🙏🏻 Thanks for watching! Make sure to like + Subscribe For More! ❤

#Nextjs #tailwindcss #nikstreamline ... https://www.youtube.com/watch?v=5vsEXyRIpGw