Build Full Screen Image Slider using Next.js & TailwindCSS | Auto-slide Effect |Beginners Tutorials
HTML-код
- Опубликовано: 13 июн 2024
- 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!
/ streamline13
📚 Materials/References:
🔗 Project Source code (give it a star ⭐):-
github.com/Streamline6/Respon...
📁 Assets
Icons: heroicons.com/
Images: unsplash.com/
designs:www.canva.com/
packages: www.npmjs.com/package/react-s...
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: / stream_line6
Twitter: / stream_line6
🔔 Support me, Subscribe for more!
/ streamline13
💼 Business Inquiries:
E-mail: webstreamline13@gmail.com
🙏🏻 Thanks for watching!
Make sure to like + Subscribe For More! ❤
#Nextjs #tailwindcss #nikstreamline
Cool! Make sure to use the next/image component. Not HTML img element.
ese slider no slidea