Рет қаралды 2,792
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 KZbin Video
Code snippets (globals.css, motion.ts, constants): gist.github.com/Mif2006/cb970...
Assets: drive.google.com/drive/folder...
Source code: 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 KZbin 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