Rebuilding the Twitter Embed Widget! (Next.js + Tailwind)
Use the Twitter API, Tailwind CSS, and Next.js to embed tweets directly on your website without using any iframes or external scripts.
0:00 – Introduction
0:25 – Embedding Tweets (The Old Way)
1:28 – Tailwind Play (Building the Widget)
2:15 – Twitter API Overview
3:20 – Fetching Tweets with the Twitter API
4:25 – Formatting the API Response
6:48 – Creating a Next.js Page
8:01 – Tweet Component
10:34 – Conclusion
Links
–––––
Demo: https://leerob.io/tweets
Tailwind Play: https://play.tailwindcss.com/TsZaNJbeLy
PR: https://github.com/leerob/leerob.io/p...
API Docs: / quick-start
API Reference: / get-tweets
Related Project: https://static-tweet.vercel.app/
–––––
Blog: https://leerob.io/
Twitter: / leeerob
GitHub: https://github.com/leerob
Course: https://react2025.com/
