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

Veröffentlicht am: 01 Januar 1970
auf dem Kanal: leerob

51,059

1.4k

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-p...

#reactjs #nextjs #tailwindcss

Auf dieser Seite können Sie das Online-Video Building a Linktree Clone! (Next.js, React, Tailwind CSS) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer leerob 01 Januar 1970 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 51,059 Mal angesehen und es wurde von 1.4 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

48,554

276