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

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)