Next js 14 Portfolio Website Using Framer Motion | Next js Beginner Project

Поделиться
HTML-код
  • Опубликовано: 11 сен 2024
  • 🔔 Subscribe for more!
    / frontendadvance
    💚 Get Project Source Code by Buy Me a Coffee
    www.buymeacoff...
    ❤️ Get Project Source Code by Patreon
    / frontendadvances
    🩷 Get Project Source Code by Ko-fi
    ko-fi.com/fron...
    ==========================================
    In this video, you will learn to Build Next JS 14 Responsive Animated Portfolio Website Using React JS, React Slick, Framer Motion. Just follow the steps and run examples!
    Next JS: Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations. Under the hood, Next.js also abstracts and automatically configures tooling needed for React, like bundling, compiling, and more.
    React JS: React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript.
    Framer Motion: Framer Motion provides the AnimatePresence component to keep components in the DOM while they perform an exit animation.
    📂Assets
    drive.google.c...
    ⏱ Time Stamps
    00:00:05 - Project Intro
    00:03:47 - Project Setup
    00:13:54 - NavBar Section
    00:38:47 - Hero Section
    01:07:34 - Client Video Section
    01:17:06 - Customer Section
    01:41:18 - Product Section
    01:59:08 - Finance Section
    02:13:14 - Testimonials Section
    02:31:55 - Footer Section
    02:38:18 - Subscribe Section
    02:55:18 - Final Output
    🔗 Resources
    nextjs.org/
    www.framer.com...
    react-slick.ne...
    ==========================================
    💙 Support me by PayPal
    www.paypal.com...
    👍 Thanks for watching!Support me with a like + A Subscription! ❤️

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

  • @aminhassan9712
    @aminhassan9712 Месяц назад +1

    first impression first subscriber please keep going.

  • @kellslte
    @kellslte Месяц назад +1

    This looks really good! 👍

  • @mileslegend
    @mileslegend Месяц назад +1

    so that you keep up with the good work am gona give you a subscribe and a like .please dont give up ..your helping us and lots of us out there

    • @frontendadvance
      @frontendadvance  Месяц назад

      Definitely thank you so much mate. Cheers 👋

  • @_Good_Evening_
    @_Good_Evening_ Месяц назад +1

    Nice work! TY man!!!

  • @mileslegend
    @mileslegend Месяц назад +1

    awesome content ......i would surely love to build this with you

  • @hendoitechnologies
    @hendoitechnologies Месяц назад +1

    Next JS full course please