Building a Linktree Clone! (Next.js, React, Tailwind CSS)

Learn how to build a link-sharing application with Next.js 13, React, and styling with Tailwind CSS.

0:00 – Introduction
0:19 – Create Next App
1:20 – Defining a schema
5:27 – Setting up Tailwind CSS
7:39 – Building the UI (Avatar + Name)
16:37 – Building the UI (Links)
30:00 – Gradient background
35:21 – Flexbox & centering
39:23 – Social media icons
46:24 – Moving to the `app` directory
54:26 – Deploying to Vercel
55:31 – Vercel Edge Config
1:07:03 – Redirects
1:08:00 – TypeScript fights
1:11:46 – Updating data
1:14:25 – Granular fetch caching
1:19:45 – Conclusion

◆ Code: https://github.com/leerob/linktree
◆ Demo: https://linktree-nextjs.vercel.app
◆ Next.js: http://nextjs.org
◆ Tailwind: https://tailwindcss.com
◆ Edge Config: https://vercel.com/blog/edge-config-public-beta

#reactjs #nextjs #tailwindcss