Rebuild an Awwwards Portfolio Landing Page with Nextjs, Framer Motion and GSAP

00:00 Intro
00:52 Header Component
2:31 Description Component
4:41 Sliding Images Component
8:48 Contact Component
12:13 Preloader Component
15:34 Button Component
19:50 Magnetic Component
23:03 Outro


Thanks for watching!

#react #nextjs #awwwards #gsap #framer #motion

[elcho]

this is gold Olivier! Thank you for making the effort and sharing your knowledge. These longer builds are the way to go.

[webdevkaran]

This is amazing! I've been following your work for a while and honestly you've been putting out quality content and you deserve a lot more subs.

[xgiha]

This is an absolute rebuild bro. This is a lot of hard work you put right there. Kudos!!!!

[omltte]

Thank you so much for your videos, I've really been enjoying them and learned a lot! I actually like both the short and long format videos just because with the shorter ones, you're able to really go into detail for a single component on the page, while the longer one helps me understand how those components fit together into one experience.

[nhathungvan]

This is an excellent well-explained video for anyone looking to learn animation. Thank you for your valuable contribution!!

[rodrigosalmeron]

Absolute bangers all of your demos, huge respect to all the effort you are putting to. Great tutorials with amazing examples. Keep it going crack. Kudos 🎉🎉🎉

[ug]

Love how he cares about the smallest details, kudos

[jpesewang]

Amazing channel, one of the best GSAP tutorial I've ever seen broo!!

[sohambhosale]

Wow, I am absolutely blown away by the incredible frontend web animations showcased in your videos! Your tutorials are clear, concise, and easy to follow, making it a joy for beginners like me to dive into the world of frontend animations. Thank you for sharing your knowledge and skills with the community! Looking forward to more amazing content from you. Keep up the fantastic work!🙏🙏😍😍

[Originallyright]

Thank you for providing all of this information for free; I appreciate your efforts ❤

[frozentoy]

Brilliant videos Mr Larose! Also – really good pace and clarity, and thats hard. 👏🏻 Thanks a lot! ⦿ Subbed!

[soyelchicodelanus]

You are my hero! thank you so much for your content!

[mdkhaled]

Thank you Olivier, I learned very much from this video it was so useful!
I would certainly love more videos on creating loading effect with small landing cool animation

[BogdanShankin]

U are the I absolutely love what you are doing

[budibetrix]

Bro this is awesome thanks to share this epic content for my education path i so much appreciate 😎

[thegirldev]

I've been checking your YouTube for this video since I saw the tutorial on your website 😭. Thank you so much.

[khaledxify]

huge respect brother for all the hard work you do ... your style in videos is awesome if you keep going one day this channel will have a million subs just keep going ... hope you have a nice day

[misterbean]

Its easy to watch and way more difficult to add according to own requirements. Great work bro. Lot of your efforts were hidden behind the scenes.

[joaovitorwenceslau]

Your content is amazing! Keep it up bro!

[tanutsaponjinaongkan]

Thank you bro now I have ideas for my portfolio 🙏🏻