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

ByteGrad β€’ April 28, 2025
Video Thumbnail
ByteGrad Logo

ByteGrad

@bytegrad

About

Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). My COMPLETE React & Next.js course is out now! Find it here: https://bytegrad.com/courses/professional-react-nextjs It's the #1 resource to master the latest React & Next.js. I'm very proud of it, my best work! Interested in sponsoring me? I love working with sponsors. Please email me here: [email protected] Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code. This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 and KRS-number: 0001125554

Video Description

Super powerful analytics dashboards with Next.js are easy now πŸ‘‰ Hydra for analytics-optimized database (paid sponsorship): https://www.hydra.so πŸ‘‰ NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). πŸ‘‰ Check out Kinde for auth and more https://bit.ly/3QOe1Bh πŸ‘‰ Work with me: [email protected] πŸ‘‰ NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs πŸ‘‰ Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript πŸ‘‰ Professional CSS Course: https://bytegrad.com/courses/professional-css πŸ‘‰ Web development roadmap 2024 & 2025: https://email.bytegrad.com πŸ‘‰ Email newsletter (BIG update soon): https://email.bytegrad.com πŸ‘‰ Discord: all my courses have a private Discord ⏱️ Timestamps: 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 #webdevelopment #reactjs #nextjs Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code. This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 and KRS-number: 0001125554 . . TOP resource to LEARN AI for Developers - https://datacamp.pxf.io/RGyxrR (paid sponsorship & ByteGrad Sp. z o.o. gets commission)

Boost Your Dashboard Dev Setup

AI-recommended products based on this video

Loading...
eufy Security, eufyCam S220 (eufyCam 2C Pro) 2-Cam Kit, Wireless Home Security Camera, 2K Resolution, 180-Day Battery Life, HomeKit Compatibility, IP67, Night Vision, Motion Only Alert, No Monthly Fee

eufy Security, eufyCam S220 (eufyCam 2C Pro) 2-Cam Kit, Wireless Home Security Camera, 2K Resolution, 180-Day Battery Life, HomeKit Compatibility, IP67, Night Vision, Motion Only Alert, No Monthly Fee

(2,743)
$219.99
FREE delivery Thu, Sep 4
100+ bought in past month
Loading...
Cleaner Kit for Airpods Pro 1 2 3 Multi-Function Cleaning Pen with Soft Brush Flocking Sponge for Bluetooth Earphones Case Cleaning Tools White
Best Seller

Cleaner Kit for Airpods Pro 1 2 3 Multi-Function Cleaning Pen with Soft Brush Flocking Sponge for Bluetooth Earphones Case Cleaning Tools White

(9,766)
$9.89
FREE delivery Sat, Jun 14 on your first order
500+ bought in past month
Loading...
Whitebite Pro Upgraded Teeth Whitening Kit with Pens for Sensitive Teeth: Teeth Whitening LED Light, Mouth Tray, Carbamide Peroxide Whitening Gel

Whitebite Pro Upgraded Teeth Whitening Kit with Pens for Sensitive Teeth: Teeth Whitening LED Light, Mouth Tray, Carbamide Peroxide Whitening Gel

(131)
$39.99
FREE delivery Sat, Nov 22
Loading...
Whitebite Pro Professional Teeth Whitening Kit for Sensitive Teeth | LED Light Accelerator | 4 Whitening Gels (35% Carbamide Peroxide) & 2 Remineralizing Gels | Professional Dental-Grade | Enamel Safe

Whitebite Pro Professional Teeth Whitening Kit for Sensitive Teeth | LED Light Accelerator | 4 Whitening Gels (35% Carbamide Peroxide) & 2 Remineralizing Gels | Professional Dental-Grade | Enamel Safe

(99)
$33.99
FREE delivery Mon, Nov 17 on your first order
Loading...
NEXPOW Car Jump Starter,Car Battery Jump Starter Pack 1500A Peak Q10S for Up to 7.0L Gas and 5.5L Diesel Engine12V Auto Battery Booster,Jumper Cables,Portable Lithium Jump Box with LED Light/USB QC3.0

NEXPOW Car Jump Starter,Car Battery Jump Starter Pack 1500A Peak Q10S for Up to 7.0L Gas and 5.5L Diesel Engine12V Auto Battery Booster,Jumper Cables,Portable Lithium Jump Box with LED Light/USB QC3.0

(4,578)
$71.99
FREE delivery Sat, Jan 3
2K+ bought in past month
Loading...
Firefly Variety 8 Pack - Fire Starter Accessory for Swiss Army Victorinox Knives (Neon Green-Yellow Glow)

Firefly Variety 8 Pack - Fire Starter Accessory for Swiss Army Victorinox Knives (Neon Green-Yellow Glow)

(181)
$70.15$61.13
$5.05 delivery Thu, Jun 26Only 3 left in stock.
Loading...
9-in-1 5000A 150PSI Car Battery Booster Jump Starter with Air Compressor (All Gas/9L Diesel), Portable Car Battery Booster Pack, Safe Durable Car Jump Starter with Extended Jumper Cables, Glove, Light

9-in-1 5000A 150PSI Car Battery Booster Jump Starter with Air Compressor (All Gas/9L Diesel), Portable Car Battery Booster Pack, Safe Durable Car Jump Starter with Extended Jumper Cables, Glove, Light

(261)
$99.99
FREE delivery Sat, Sep 20
1K+ bought in past month
Loading...
Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Noise-Cancelling Mic and LED Display, Built-in Mic for Clear Calls, Waterproof Design for Sports

Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Noise-Cancelling Mic and LED Display, Built-in Mic for Clear Calls, Waterproof Design for Sports

(8)
$39.99
FREE delivery Tue, Nov 4
Loading...
Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Powerful Bass, Built-in Noise-Cancelling Mic for Clear Calls, LED Display, 36H Playtime, IPX5 Waterproof Design for Sports

Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Powerful Bass, Built-in Noise-Cancelling Mic for Clear Calls, LED Display, 36H Playtime, IPX5 Waterproof Design for Sports

(40)
$39.99
FREE delivery Thu, Nov 13