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