Behind the Scenes of Dub.co, an Open Source Link Shortener
Dub is an open-source link shortener with built-in analytics + free custom domains. Built with Vercel Edge Functions, Upstash Redis, and Planetscale MySQL.
*I apologize for the blurriness in the beginning → `rm -f ~/canon/autofocus`
Find out more:
Website: https://dub.co
GitHub: https://github.com/dubinc/dub
Twitter: / dubdotco
0:00 - Intro
2:04 - Overview of the GitHub README
2:25 - Why it's hard to do a one-click deploy on Vercel
3:16 - Dub is the #1 learning project for Next.js
4:10 - More about its AGPLv3 license
4:55 - Overview of the dub.co-hosted version
6:00 - Demo of the dub.co-hosted version / dashboard and adding links
10:55 - Code Walkthrough of Dub's Next.js repository
11:22 - Browsing the `pages` directory
12:18 - The most important file that manages all of dub
16:18 - Overview of the Link Middleware
19:00 - Middleware rulez!
20:01 - Overview of AddLink function
24:44 - Overview of Upstash functionality
26:00 - Quick look at sending welcome emails in the NextAuth authentication flow
26:48 - Challenges with Deploy Your Own Dub
27:33 - Outro
–––––
For more open source, follow me on Twitter: / mfts0