Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build powerful analytics dashboards using Next.js with a comprehensive tech stack including Shadcn UI components, real-time data updates via WebSocket and Server-Side Events, and analytics-optimized databases. Explore the differences between OLTP and OLAP databases and discover how to leverage DuckDB and Hydra for efficient data processing. Master the implementation of Shadcn UI and Tremor for creating beautiful dashboard interfaces, set up real-time data streaming with WebSocket and SSE connections, and integrate analytics-optimized database solutions for handling large datasets. Follow along as you create tables, insert data, and read from the database while building a fully functional dashboard that updates in real-time. Gain practical experience with modern web development tools and techniques specifically designed for creating high-performance analytics applications.
Syllabus
00:00 Intro
00:45 Tech stack
00:58 shadcn/ui & Tremor
03:25 WebSocket / Server-Side Events SSE
04:45 Data source
05:16 Database OLTP vs OLAP
08:56 DuckDB
09:20 Hydra
10:52 Set up SSE / WebSocket Coding dashboard
15:50 Set up shadcn/ui
17:28 Data with Hydra & DuckDB
18:57 Create tables & insert data
21:32 Read data from database
Taught by
ByteGrad