How We Used Next.js To Build Our Podcast Dashboard

on YouTube ↗19m

" summary

Next.js powers a production site for Compressed.fm that uses Sanity.io for content, Simplecast for episode hosting and analytics, Quest forms + Zapier + Mailchimp for newsletter and onboarding, and Auth0 for gated sponsor pages. Built features include a custom audio player with chapter deep links, a sponsor dashboard that pulls Simplecast metrics and shows contracts/invoices, static pages via getStaticProps/paths, a claimed perfect Lighthouse score, and real usage numbers: 25,000 downloads across 30+ episodes and five sponsors.

AI-written summary · about

" chapters (8)

1. 0:00Intro
2. 2:08Features
3. 3:48Data
4. 5:48Homepage
5. 7:37Audio Player
6. 8:27Newsletter
7. 12:16Dashboard
8. 18:27Outro

" related talks

• 22mHow to add a built-in authoring experience to Next.jsKapehe · Next.js Conf 2022
• 10mNext.js is all you need for a fast-growing startupElizabet Oliveira · Next.js Conf 2023
• 21mWhy Real Time MattersSimen Skogsrud · Next.js Conf 2020
• 08mNext for Next.jsTim Neutkens · React Amsterdam 2019
• 07mNext.js as a PlatformTJ Kohli · Next.js Conf 2023
• 27mScaling Next.js with WordPress to one million developersAhmad Awais · Next.js Conf 2022
• 22mHow micro-frontends and NextJS can 4x site performanceEmily Thomas · React Day New York 2021
• 40mStatic and Dynamic Next.jsGuillermo Rauch · JSHeroes 2017