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

Комментарии • 2

  • @ripplesr5655
    @ripplesr5655 9 месяцев назад +2

    Cool! Make sure to use the next/image component. Not HTML img element.

  • @MonkeyBeatss
    @MonkeyBeatss 7 месяцев назад

    ese slider no slidea