Build realtime analytics or your users at any scale with Next.js and Tinybird

on YouTube ↗11m

" summary

Realtime product-ranking and image-ranking APIs are built with Next.js Commerce plus Tinybird, sending page-load and click events into Tinybird data sources, exposing SQL-based pipes as published endpoints. The demo wires a Kafka topic into Tinybird, uses a materialized view to prefilter data, and deploys via the Tinybird CLI (TB push). The workspace handles massive scale—examples cite 614 million rows total and 62 million ingested in the last hour—endpoints return sorted product lists and most-clicked images live.

AI-written summary · about

" chapters (9)

1. 0:00Intro
2. 0:16What is realtime analytics
3. 1:27Creating a data source
4. 2:37Creating an API endpoint
5. 3:48Creating a trending section
6. 4:35Editing the product slider component
7. 7:02Building realtime analytics
8. 8:42Uploading to Tinybird
9. 11:00Outro

" related talks

• 30mLightweight Business IntelligenceCorey Ehmke · Ruby Midwest 2013
• 50mRealtime Warehouse Analytics at Picnic with TimescaleDBSander Moelands · J-Fall 2022
• 47mBuilding a Real-Time Analytics DatabaseTim Berglund · GOTO Chicago 2023
• 34mEnabling data at massive scale with Next.jsTejas Kumar · Next.js Conf 2022
• 32mDiscover the Modern Way to Build Real-Time Analytics Solutions at Any ScaleGolan Nahum, Ilya Gulman · hayaData 2024
• 37mMeasuring 2.0 – Building the next generation webanalytics ...Niels Basjes · Berlin Buzzwords 2016
• 12mNext.js, BigCommerce & the Future of Performance in EcommerceKatie Hoesley, Matt Volk · Next.js Conf 2023
• 30mBuilding a massively scalable and performant Jamstack app in minutesTejas Kumar · React Miami 2022