Build and Deploy Animated Next.js 14 Portfolio Website | Framer Motion, Typescript
Learn to create a complete Next JS application using Framer motion, Typescript, Tailwind CSS.
It features 3 pages, animation on transition/routing, animations on all pages, expandable cards, animated elements, embedded Youtube Video
Code snippets (globals.css, motion.ts, constants): https://gist.github.com/Mif2006/cb970...
Assets: https://drive.google.com/drive/folder...
Source code: https://github.com/Mif2006/next-animated
Timestamps
0:00 Project Intro
0:28 Project Setup
3:14 Home Page
11:29 Navbar and Layout
19:30 Routing and Transition
26:52 About section
31:31 Embedded Youtube video
36:40 Projects Page
48:36 About me Page
58:35 Animated Numbers
1:04:00 Finishing up About me Page
1:09:44 Deploy Website
Watch video Build and Deploy Animated Next.js 14 Portfolio Website | Framer Motion, Typescript online without registration, duration hours minute second in high quality. This video was added by user WebChain Dev 30 January 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 3,406 once and liked it 98 people.