Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

The Ultimate Next.js Dashboard Stack - Shadcn, WebSocket/SSE, OLTP/OLAP Database

ByteGrad via YouTube

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

Reviews

Start your review of The Ultimate Next.js Dashboard Stack - Shadcn, WebSocket/SSE, OLTP/OLAP Database

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.