Тёмный
No video :(

Build A Linktree UI With Next.js 13 and NextUI 2.0 (NextUI Tutorial) 

Cooper Codes
Подписаться 12 тыс.
Просмотров 6 тыс.
50% 1

🎓 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/nex...
Final Project: github.com/coo...
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!

Опубликовано:

 

16 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 10   
@appstuff6565
@appstuff6565 11 месяцев назад
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.
@appstuff6565
@appstuff6565 11 месяцев назад
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!
@optimbro
@optimbro 11 месяцев назад
Cool stuff, what do you think about using shadcn UI?
@parkerrex
@parkerrex 11 месяцев назад
yo! make a nextjs 13 google calendar project!
@cloud7386
@cloud7386 3 месяца назад
Do you know why does the Theme switcher doesnt work after compiling?
@appstuff6565
@appstuff6565 11 месяцев назад
do you plan to have a backend implementaion of this with any backend service like supabse or firebase?
@paulthomas1052
@paulthomas1052 11 месяцев назад
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.
@CooperCodes
@CooperCodes 11 месяцев назад
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.
@NavRo-km2qc
@NavRo-km2qc 10 месяцев назад
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?
@CooperCodes
@CooperCodes 10 месяцев назад
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
Далее
Why I Pick ShadCN and Tailwind for all my projects
18:53
I WISH I Knew These Tailwind Tips Earlier
9:15
Просмотров 180 тыс.
Why I don't use React-Query and tRPC in Next.js
18:58
This UI component library is mind-blowing
8:23
Просмотров 646 тыс.
Next.js with React Testing Library, Jest, TypeScript
25:04
Аббас Галлямов*. 2024 / 16.08.24
51:13
Просмотров 84 тыс.