How To Make Beautiful Charts In Next.js

  Open with LBRY

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
...
https://www.youtube.com/watch?v=15qMh8C1Wzo