Building a Linktree Clone! (Next.js, React, 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

#reactjs #nextjs #tailwindcss

[nickoates]

It's refreshing to see that someone in your position still struggles when centering a div. A lot of videos like this will cut out any mistakes, which makes it seem like other developers are somehow "perfect."

[codewithguillaume]

Building front end apps is such a pleasure! And you’re doing it awesome Lee !

[adilsher]

I actually watched your tutorial for the brainstorming and thinking out loud parts. For most tutorials out there, it feels like they are following another screen to write the code. Definitely deserves a sub 💯

[andreaswu]

the best source to learn next.js.. from the man himself 😁

[danrichmond]

Man, Thanks for showing the build both ways in Nextjs13. Great content!

[postoronnii__]

You are doing great job, man! Make more tutorials please using api routes sharing some hints and ideas.
For example it can be something with NextAuth, MongoDB where we have to update some user's progress. I sill can not figure out how to use `use()` hook with `useEffect()` 🤷🏻‍♂

[jereconjota]

Hi Lee! great video, im learning english and im glad to understand everything :D you explained clearly

[adenugbamicheal]

Lee is not taking it easy this this😊, love it bro

[optimbro]

Lee is the man ❤️, with focus, commitment and sheer will.

[szymonoleszek]

I'm quite new to meta frameworks of react, asking for a bit of advice (and I know that the answer is gonna be "it depends" in most cases), If I want to start with Next.js what version should I start with? Thank you in advance :) cheers

[Markymark]

Lee, could you embed the image gallery (from your previous next.js tutorial) into this instance? Thanks

[parkerAmv]

Hi lee, i have an error in app directory it say's like this.
Error: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.

but this error only exist when in production, in development mode everything is good.
Can someone helpme?

[hillaryreader]

Off topic but could you tell me where you got that shelf that is behind you!?

[mma-dost]

What are we gonna build on next stream twitch or youtube ?

[appstuff]

hey thanks for this, can you do a small write up or a blog in order to initiate this according to the tutorial and then use the approuter method that has been pushed by the nextjs team itself.?

[arubin]

Great video! Does export command still works with the new app layout? Client only wants client side app (single app), he has his own backend in Java and I still want to use Nextjs 13 and the new layout

[meetpatel]

Can you share your VS code config file? 😄

[lopo]

Man im lucky im trying to learn clone linktree, ty

[k-c]

Can we please have a tutorial on a multi-tenant application sometime. I am struggling with that conceptually.

[fadlihidayatullah]

hahaha at least I confidently with my skill could center the image without tears 🤣