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

Publicado em: 01 Janeiro 1970
no canal de: 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

Nesta página do site você pode assistir ao vídeo on-line Building a Linktree Clone! (Next.js, React, Tailwind CSS) duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário leerob 01 Janeiro 1970, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 51,059 vezes e gostou 1.4 mil espectadores. Boa visualização!

576