TailwindUI with Next.js: Setup & implementing Figma designs
Let's implement our Figma design and make our Next.js app presentable, quickly, using TailwindUI!
Highlighted software:
TailwindUI: https://tailwindui.com/
Next.js: https://nextjs.org/
Figma: https://www.figma.com/
🎶 I've remixed On the Knife and Call Waiting, both by Future Joust, for the background music.k
See the code: https://github.com/jmagrippis/eri
No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄
My own website: https://magrippis.com/
--
TIMESTAMPS
--
00:00 - TailwindUI with Next.js!
00:37 - Initial setup
00:57 - Heroic Copy & Paste
03:07 - next/image
4:08 - Button up
7:59 - Superpowers Section
9:08 - Footer
10:45 - Next up...
11:27 - Coding & chill
17:06 - Outro