Live Code Responsive Hero Landingpage Time Tracking [NextJS + TailwindCSS] Part 2
Live Code Responsive Hero Landingpage Time Tracking [NextJS + TailwindCSS]
NextJS adalah Next.js adalah framework web pengembangan front-end React open-source yang memungkinkan fungsionalitas seperti rendering sisi server dan membuat situs statis untuk aplikasi web berbasis React.
TailwindCSS adalah Kerangka kerja CSS pertama utilitas yang dikemas dengan kelas-kelas seperti flex, pt-4, text-center dan rotate-90 yang dapat disusun untuk membangun desain apa pun, langsung di markup mu.
Fokus Pembelajaran :
Membuat Animasi dengan TailwindCSS
Membuat Dark Mode dengan TailwidnCSS dan NextJS
Next Image integrasi dengan Dark Mode
Timeline:
00:00 - Intro
00:50 - Animasi dengan TailwindCSS
20:35 - Dark Mode
59:31 - Merubah Gambar saat Dark Mode
1:07:39 - NextJS Image
1:23:10 - Memperbaiki Layout Mobile
Tautan Live Web :
https://time-tracking-liart.vercel.app/
Github Code :
https://github.com/naufaldi/time-trac...
Design From :
https://www.figma.com/community/file/...
🔥 SUPPORT CHANNEL MOFON 🔥
Karya Karsa : https://karyakarsa.com/naufaldisatriya
Paypal : https://www.paypal.me/faldii
Saweria : https://saweria.co/naufaldi
► Baca juga tulisan saya di
https://www.kureview.web.id/
/ naufaldi
https://blog.cerita-faldi.xyz/
► Sosial Media :
Twitter : http://bit.ly/twitter_faldi
Instagram : http://bit.ly/IG_faldi
Faceboook : http://bit.ly/fb_faldi