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

Описание

Enjoying my videos? Sign up for more content here: https://www.coopercodes.com/
? Join CodeLetter by Cooper Codes, the 3 minute tech newsletter: https://thecodeletter.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 https://github.com/nextui-org/next-app-template
Final Project: https://github.com/coopercodes/LinktreeUINextUI

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!