Build A Linktree UI With Next.js 13 and NextUI 2.0 (NextUI Tutorial)
ฝัง
- เผยแพร่เมื่อ 2 ส.ค. 2024
- 🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/
In this video we build a Next.js 13 and NextUI 2.0 website with a LinkTree component which allows us to see the different links for a certain user. This video is a great introduction to NextUI, one of the best UI library options when working with Next.js 13. Whether you’re a Next.js 13 beginner, or an expert looking for a new library to use, this is a great video to get started with. We also discuss how to create a project easily with NextUI 2.0 and Next.js 13, discussing the template project provided by NextUI. NextUI is also great because it works directly with Tailwind CSS, making it a great option for developers already familiar with Tailwind. NextUI is a great option for anyone looking to use a component library alongside Tailwind CSS.
npx create-next-app -e github.com/nextui-org/next-ap...
Final Project: github.com/coopercodes/Linktr...
0:00 Intro / Project showcase
1:30 Setup Next.js 13 and NextUI 2.0
7:35 Build LinkTree user interface
18:50 Create a gradient background in Next.js 13
20:32 Final project / thanks for watching! - วิทยาศาสตร์และเทคโนโลยี
since 4-5 days i was understanding front and backend of linktree and i was looking around ui for linktree style UI and you posted this yesterday. Amazing.
1 minute into the video and it got me subbed to you! Any chance you plan on doing this with a backend like Supabase or something? Thanks!
Cool stuff, what do you think about using shadcn UI?
yo! make a nextjs 13 google calendar project!
do you plan to have a backend implementaion of this with any backend service like supabse or firebase?
Hi, thanks for another great video - really enjoyed it as usual. I'm not sure if 'Bun' is on your radar - I've been messing around with it and would be interested on your take.
Hey Paul, thank you for the consistent support! Bun has been on my radar although I’m waiting in anticipation for a full Windows release to create a full guide with it. I think Bun solves a lot of issues regarding the complexity of the npm and typescript ecosystem so I’m looking forward to seeing it progress.
Do you know why does the Theme switcher doesnt work after compiling?
Hey, im using Nextui in my project, and when recreating your card section i found that none of my Tailwind worked, my fonts werent bold, and items werent centered. Any clue to why this might be happening?
May be a bit late to the party here but it may have to do with the globals.css not existing. Check to make sure you have this file in your project github.com/coopercodes/LinktreeUINextUI/blob/master/styles/globals.css