How To Make Beautiful Charts In Next.js
Building beautiful charts in React/Next.js is not easy, but in this video I will show you exactly how to build a robust and beautiful chart system with Next.js.
? Materials/References:
Starting GitHub Code: https://github.com/WebDevSimplified/next-js-ecommerce-mvp-discount-codes
Ending GitHub Code: https://github.com/WebDevSimplified/next-js-ecommerce-dashboard-charts
Next.js Ecommerce Video: https://youtu.be/iqrgggs0Qk0
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
01:31 - Setup
02:40 - Basic Chart
11:55 - Orders By Day Chart
23:14 - Users By Day Chart
28:10 - Revenue By Product Chart
34:24 - Basic Date Range Filter
49:40 - Custom Date Range Filter
59:26 - Chart Interval Improvements
#NextJS #WDS #Ecommerce
? Materials/References:
Starting GitHub Code: https://github.com/WebDevSimplified/next-js-ecommerce-mvp-discount-codes
Ending GitHub Code: https://github.com/WebDevSimplified/next-js-ecommerce-dashboard-charts
Next.js Ecommerce Video: https://youtu.be/iqrgggs0Qk0
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
01:31 - Setup
02:40 - Basic Chart
11:55 - Orders By Day Chart
23:14 - Users By Day Chart
28:10 - Revenue By Product Chart
34:24 - Basic Date Range Filter
49:40 - Custom Date Range Filter
59:26 - Chart Interval Improvements
#NextJS #WDS #Ecommerce
Web Dev Simplified
Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular tech...