Modern landing page animations with Next.js, Framer Motion, TailwindCSS: PART 1
In this video, we'll build a modern landing page in Next.js with advanced loading animations using Framer Motion. We'll also utilize TailwindCSS to help style our page. In this first part, we'll focus on building out the structure, styling, and content, and in the next part we'll add the animations.
LINK TO PART 2: • Modern landing page animations with Next.j...
Project playlist: • Modern landing page animations with Framer...
Starter source code: https://github.com/Built-With-Code/fr...
Thanks for watching!
TIMESTAMPS:
0:00 - Intro + Preview
0:36 - Starter code
2:03 - Banner text
6:12 - Navbar
8:51 - General page styling (including Tailwind customization)
10:06 - Video
11:49 - Footer
12:38 - Outro
-------------------------------
Welcome to Built With Code! On this channel, you'll find coding tutorials on how to create and build your next awesome coding project, including websites and web apps. We'll use advanced frameworks such as Next.js, GSAP, and Framer Motion, and a whole lot more. If that sounds like fun, SUBSCRIBE to the channel - it'd be much appreciated!