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
Смотрите видео Build and Deploy Animated Next.js 14 Portfolio Website | Framer Motion, Typescript онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь WebChain Dev 30 Январь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 3,406 раз и оно понравилось 98 людям.