Using NextUI Components & Themes in NextJs 

I was using this library for the past years and its great so far than other libraries

You chose a particular subject and went into great detail. Nice job! Keep it up.

😍I wish i knew this library before i designed my dashboard past month. Forms and animations are great. Now i am tempted to redesign it all over. Hope it is easy to switch :) Thank you my friend for letting us know.

Thanks for this video, was very helpful ❤. Keep the NextUI content coming 😁

Thank you for this video! Following your guide I was able to fix my hydration issue on runtime.

Good stuff! Appreciate your video's format.

Dude show us how to do it from the very begining. We are not here to listen to a podcast

Wait, this video doesn't have thousands of likes yet? Seriously though, RU-vid's algorithm is more mysterious than my grandma's Frico recipe. Awesome content, big thumbs up! 🌟👍

great jovb dude! i didn`t know about this library, tks a lot, I'm doing a side project using shadcn but this nextui has a lot more components like pagination and so on ...

exactly the information I needed, ty

Because all of the components have the 'use client' does that mean that it is not possible to actually use React Server Components? We can't use NextUI and query the DB in the same component?

Thank you very much for the explanation, it is an amazing tutorial. I really like the font you use in your VS, which one is it? Greetings from Uruguay

Hi Hamed, I have a question, which one of these two is better (next ui or shadcn) in projects that require a lot of customization and also great visual beauty?

Super helpful video! thanks Hamed!

Awesome tutorial! Your explanation of using NextUIProvider , customizing themes and how to switch between them was clear and incredibly helpful. Keep up the fantastic work! 👏👍

Great video,thx.

hey thanks for your videos! is there a way to use edit in table with nextui ?

how can you acces an specific color value from the primary color scale example 400?

HELP! in browser I see app-index.tsx:26 Warning: Extra attributes from the server: class,style when I hide NextThemeProvider. warnings is gone. I think problem is NextThemeProvider how to fix it?

Thanks you for this video, it's perfect👌 but can you say to me how have a font-family for vscode like you ?

Awesome bro

Hi Hamed, Hope you are doing well. I want to make multiple API calls one after the other in a Next.js on home page, for 5 different sections, I want to call them one after other, so that page does not take time, please tell me, What will be the most efficient way. if you have any video related, please share

I think the default theme not working properly? when I try to set light theme as default theme

which font extension you use for the code, it looks cool thooo......

درود خیلی خوشحال شدم وقتی اسمتو خوندم و متوجه شدم ایرانی هستی .بعد از معرفی ها یه آموزش پروژه محور از NextUI میتونه ایده خوبی باشه!

Solved my problem. Thank you

How about using NextUI and ShadcnUI together at the same project? Some components look better in one than in another how would that work?

Respected Sir, Can you make a video on NextUi table component, if possible? How to sort, search etc. I was thinking if its possible to use React Table + Next Ui Table components together, react table does aorting, pagination, searching etc. takes care of it. While Next Ui will provide Table components.

there's a problem when using the "next-themes" on "next.js 13 app router" if you see the console on chrome dev tools "Warning: Extra attributes from the server: class,style"

Hi! I'm totally loving your tutorial series! :D quick question, have you ran into this error before? app-index.js:35 Warning: Extra attributes from the server: class,style at html

Thank you for this good video - I liked and subscribed at once. NextUI is a Component Library. Could you explain how to make a Design System, using Storybook, based on NextUI, then deploy this to npmjs? It feels like a component library is needed in defining a Design System, but how should it all play together? If I have a DS, can I also use the Component System or should the DS define all use? Soo many questions...

Happy Teachers day sir thanks for the service.

Sir, 1st of all *Thank you* providing knowledge & very good explanation ! After watching your tutorials, I tried my code & it was working then suddenly it started showing this error. Next.js (13.4.19) Also tried with various Next.js versions 13.5.3, 13.4 Unhandled Runtime Error InvalidCharacterError: Failed to execute 'add' on 'DOMTokenList': The token provided ('[object Set]') contains HTML space characters, which are not valid in tokens. I thought it might be my mistake somewhere, hence I tried using your code from two different NextJS theme related tutorials same error. *Any solution ?*

Thanks man. 🙏🏼

Currently, I don't think NextUI fully includes the "use client" directive. For example, when I want to use the "Dropdown" component, I have to write "use client" manually. However, I still thank you for making a good video.

This ui components library in my heart❤❤😂

Can put a video for Setting up everything in nextjs 13, for example Themes, Components ,State Management !!

can you do it with jsx

damet garm kheyli karet doroste

Can you use next-themes with a react-vite project or only works with next js apps?

And also Generate our Custom Components!!

Customize shadcn ? Video please 🙏, be the first hhh

I am new to react and nextui. your video is too confusing. for example provider.tsx where did that come from?!?! it is like you are skipping a lot of basic steps that newbies like me do not know .

keep up the good work