Тёмный
Cules Coding
Cules Coding
Cules Coding
Подписаться
Want to learn web development??
Let me teach you...
Комментарии
@OkoroRedemption
@OkoroRedemption 5 дней назад
Nice video 🎉
@CulesCoding
@CulesCoding 4 дня назад
Glad you liked it!
@farrelbatykouima7494
@farrelbatykouima7494 6 дней назад
Can we have the same tuto but with TypeScript ?
@CulesCoding
@CulesCoding 5 дней назад
Sorry, maybe not. It shouldn't be difficult to use the library with Typescript
@chamudithapasindu
@chamudithapasindu 12 дней назад
Thank you sooo much 😘
@edzbons
@edzbons Месяц назад
you have a link or separate video for your linux setup? thank you
@CulesCoding
@CulesCoding Месяц назад
I don't have any video. You can check my dotfiles on github but don't have a good documentation. github.com/thatanjan/.dotfiles
@DivyanshuLohani
@DivyanshuLohani Месяц назад
Which IDE and Browser you're using?
@CulesCoding
@CulesCoding Месяц назад
I use neovim and brave
@knameless5051
@knameless5051 2 месяца назад
I LOVE YOU SO MUCH, IN SPANISH THERE IS NOT A VIDEO LIKE YOURS, THANK YOU!!!!!!!
@nicholasc.5944
@nicholasc.5944 2 месяца назад
super like👍👍👍
@getoutoftheway419
@getoutoftheway419 2 месяца назад
hey you. the video was very helpful for me i wanted to ask u something how to connect this to my vscode
@CulesCoding
@CulesCoding 2 месяца назад
install a plugin that will allow you to connect with PostgreSQL. And then use the credentials like user name, password, db name etc to connect. Hope this Helps
@figh761
@figh761 2 месяца назад
in which database u created the table
@CulesCoding
@CulesCoding 2 месяца назад
'postgres' is the default db. So I created the table on that db
@ancronym
@ancronym 2 месяца назад
What is the IDE you are using? Super cool looks on everything.
@CulesCoding
@CulesCoding 2 месяца назад
I use Neovim or Neovide to be exact.
@THEOATechnology
@THEOATechnology 2 месяца назад
You just made me understood better, didn't know I've been making mistakes in my code... Thanks so much 🙏
@CulesCoding
@CulesCoding 2 месяца назад
Great to hear!
@kalanaCoder
@kalanaCoder 3 месяца назад
good serius
@CulesCoding
@CulesCoding 3 месяца назад
thanks
@AhmedOlanrewaju-q6h
@AhmedOlanrewaju-q6h 3 месяца назад
Why is it that when using Button it will show error to enforce some prop i dont need to add Type '{ children: string; type: "button"; }' is missing the following properties from type 'Pick<ButtonProps, "children" | "color" | "disabled" | "translate" | "form" | "slot" | "style" | "title" | "onChange" | "onClick" | "className" | "value" | "key" | "autoFocus" | ... 259 more ... | "loading">': placeholder, onPointerEnterCapture, onPointerLeaveCapturets(2739) (alias) const Button: ForwardRefExoticComponent<Pick<ButtonProps, "children" | "color" | "disabled" | "translate" | "form" | "slot" | "style" | "title" | "onChange" | "onClick" | "className" | "value" | "key" | ... 260 more ... | "loading"> & RefAttributes<...>>
@CulesCoding
@CulesCoding 3 месяца назад
I am not sure. I would recommend creating an issue on the repo if you are still having problem
@organic.gujarat
@organic.gujarat 21 день назад
Same issue bro
@farrelbatykouima7494
@farrelbatykouima7494 6 дней назад
I have the same issue. Because I'm using TypeScript I think
@SylvesterRubioIII-h6p
@SylvesterRubioIII-h6p 3 месяца назад
Got a problem here when making the provider file it seems that the children is highlited red and give out an error of Binding element 'children' implicitly has an 'any' type.ts(7031)
@CulesCoding
@CulesCoding 3 месяца назад
I guess you haven't added the types for children. It should be `ReactNode`.
@edzbons
@edzbons Месяц назад
i prefer to use type PropsWithChildren. it just works for me.
@original_ET
@original_ET 3 месяца назад
Thant's was helpful. Thank you! Can we change the speed of moving of the jarallax pictures? If yes, can you show, how to do this too?
@CulesCoding
@CulesCoding 3 месяца назад
I believe this is what you need. github.com/nk-o/jarallax?tab=readme-ov-file#a-javascript-way
@reality_today
@reality_today 3 месяца назад
Amazing, clear to the point
@danifromecuador
@danifromecuador 3 месяца назад
I use this video for installing and the odin project tutorial for setting postgres every time I reinstall arch, thanks!
@CulesCoding
@CulesCoding 3 месяца назад
Glad it helped
@Poly_Tr
@Poly_Tr 3 месяца назад
it doesnt work for me i get the styles. I consol.log them in some text input anmd it is correct but it doesnt apply i dont know why
@CulesCoding
@CulesCoding 3 месяца назад
Maybe it is worth checking if you have setup tailwind correctly
@Poly_Tr
@Poly_Tr 3 месяца назад
@@CulesCoding i am using in react native but it applys only sometimes
@CulesCoding
@CulesCoding 3 месяца назад
You can create an issue in the repo
@marcuswhiteley9425
@marcuswhiteley9425 3 месяца назад
Hi. I'm getting an error. Error: Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported. It posts to the database on submit, but then throws the error. It doesn't indicate which component is causing the problem.
@CulesCoding
@CulesCoding 3 месяца назад
I think you are passing unserializable data. react.dev/reference/rsc/use-server#serializable-parameters-and-return-values If you are passing a mongoose response try calling to `toObject` method. i.e `blog.toObject()`
@marcuswhiteley9425
@marcuswhiteley9425 3 месяца назад
@@CulesCoding Hi. Thanks for getting back. I think it is caused by "return newPost.save();" in the action file. It replicates what you did, so I don't know why it's giving me an error and not you!
@CulesCoding
@CulesCoding 3 месяца назад
may be try removing the `return` keyword and await the save method.
@danielcardenasvillamizar
@danielcardenasvillamizar 3 месяца назад
hello thanks very much
@marcuswhiteley9425
@marcuswhiteley9425 3 месяца назад
Hi! You just explained in 16 minutes something that I could not find anywhere else!
@hamza-325
@hamza-325 3 месяца назад
This is the library that I was looking for, not the low-level Tailwind CSS that everybody is telling us to learn! Mantine is so high level that allows you to build something great quickly, yet let you customize the low-level CSS details when someone needs them. It is just PERFECT!
@wendeus8946
@wendeus8946 3 месяца назад
what operating system are you using?
@CulesCoding
@CulesCoding 3 месяца назад
ArcoLinux (hyprland version)
@Chikobara
@Chikobara 3 месяца назад
​@@CulesCoding cool waybar tho, at first moment i thought its customised kde
@CulesCoding
@CulesCoding 2 месяца назад
@@Chikobara thanks
@welldiscerned7540
@welldiscerned7540 4 месяца назад
how to do this using realtime database
@CulesCoding
@CulesCoding 4 месяца назад
Passing the query to `onSnapShot` function should work
@welldiscerned7540
@welldiscerned7540 3 месяца назад
@@CulesCoding thanks
@welldiscerned7540
@welldiscerned7540 3 месяца назад
@@CulesCoding I have another question, I always been trying to get data from “Users/uid” the uid is of course a actually generated uid , but the problem is that I have been trying to get the uid or any user data in that node in realtime database but all it does is return my uid in the console log
@Rushi-q9o
@Rushi-q9o 4 месяца назад
Great explanation of the Next UI. This video is very informative and easy to follow. I have just subscribed to your channel to stay updated with more content like this. Please keep up the awesome work.
@CulesCoding
@CulesCoding 4 месяца назад
Awesome, thank you!
@CulesCoding
@CulesCoding 4 месяца назад
At 2:35 you need to return the cleanup function from the useEffect callback, I mistakenly did that from iife. Just don't use iife in that case.
@pinsaramallawarachchi8201
@pinsaramallawarachchi8201 4 месяца назад
Thanks a lot
@josevsebastian2909
@josevsebastian2909 4 месяца назад
you didn't unsubscribe. please learn react before doing tutorials on next js.
@CulesCoding
@CulesCoding 4 месяца назад
thanks for noticing. I mistakenly return from the iife not from the useEffect callback.
@akshatdubey4421
@akshatdubey4421 4 месяца назад
Even after setting up, my components are unstyled
@CulesCoding
@CulesCoding 4 месяца назад
Can't say anything for sure. but make sure: 1. You have updated the tailwind config 2. Added the provider to your app And always follow the documentation.
@akshatdubey4421
@akshatdubey4421 4 месяца назад
@@CulesCoding I've done these exact steps
@CulesCoding
@CulesCoding 4 месяца назад
@@akshatdubey4421 Hard for me to say without seeing the code
@omarelhassani8452
@omarelhassani8452 4 месяца назад
i have the same issue
@omarelhassani8452
@omarelhassani8452 4 месяца назад
i fixed the issue by : const {nextui} = require("@nextui-org/react"); /** @type {import('tailwindcss').Config} */ module.exports = { content: [ // ... "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}", ], theme: { extend: {}, }, darkMode: "class", plugins: [nextui()], };
@BitWizCoder
@BitWizCoder 4 месяца назад
Thanks for the video. also one other thing. pleas share a neofetch screen shot 🤣
@CulesCoding
@CulesCoding 4 месяца назад
haha.. will do in the future.
@DynamicCorp242
@DynamicCorp242 4 месяца назад
Je viens de découvrir la chaîne RU-vid,je m'abonne
@CulesCoding
@CulesCoding 4 месяца назад
thank you
@y0ake77
@y0ake77 4 месяца назад
This helped a lot❤
@nguyenhoa072
@nguyenhoa072 4 месяца назад
first server component and how to load more documents?
@CulesCoding
@CulesCoding 4 месяца назад
sorry for the late reply. If you want to have pagination or infinite scroll, you need to use client components and query cursors. Because Firestore doesn't support offset values. At least in client side libraries. Hope it helped.🙂
@kellslte
@kellslte 5 месяцев назад
Your explanation of how React suspense works is very clear and I love the example you used. Great work!🤗
@CulesCoding
@CulesCoding 5 месяцев назад
Glad you liked it!
@gibber1sh-c6w
@gibber1sh-c6w 5 месяцев назад
Looks interesting! I wish this playlist also had Authentication.
@BukkyOdunsi
@BukkyOdunsi 5 месяцев назад
Thank you so much ❤
@JayeshThanvi
@JayeshThanvi 5 месяцев назад
How can i add custom color for input component
@CulesCoding
@CulesCoding 5 месяцев назад
use classname prop
@JayeshThanvi
@JayeshThanvi 5 месяцев назад
@@CulesCoding can i edit input config object?
@yapayzeka
@yapayzeka 5 месяцев назад
53:40 wtf my soul left my body. 1:06:09 media query hook
@CulesCoding
@CulesCoding 5 месяцев назад
I never noticed the audio issue. 😅 Thank btw
@JayeshThanvi
@JayeshThanvi 5 месяцев назад
can you share github repo link
@CulesCoding
@CulesCoding 5 месяцев назад
Sorry, I just used some random code or code from the docs. So I didn't add them to github
@neoTriny
@neoTriny 5 месяцев назад
The explanation ok good, but the visuals are really bad, text is not visible properly
@CulesCoding
@CulesCoding 5 месяцев назад
thanks for the feedback
@neoTriny
@neoTriny 5 месяцев назад
Looks nice 🎉
@netgame365
@netgame365 5 месяцев назад
wow! your arch linux looks very good! What configuration do you have and what windows do you use? And editor??
@CulesCoding
@CulesCoding 5 месяцев назад
thanks. I was using neovide as editor. My config: github.com/thatanjan/.dotfiles Though I haven't added documentation yet
@netgame365
@netgame365 5 месяцев назад
@@CulesCoding thank you brother
@KralinRuslan
@KralinRuslan 5 месяцев назад
perfect
@ЭдуардЗвонарёв-л9щ
@ЭдуардЗвонарёв-л9щ 5 месяцев назад
like for Manjaro
@mogo6798
@mogo6798 5 месяцев назад
Hey can you make a video regarding firebase rules with next js. I mean with a bit complex use case. Thanks for the video series.
@CulesCoding
@CulesCoding 5 месяцев назад
Sure thing!
@algaldia
@algaldia 5 месяцев назад
This is like shadcn/ui?
@CulesCoding
@CulesCoding 5 месяцев назад
Well not entirely. Both of them are styled with Tailwind but Next UI abstracts way the complexity. And Shadcn allows you to copy paste the component and gives you full control over the component.
@algaldia
@algaldia 5 месяцев назад
@@CulesCoding Thank you!
@nanonkay5669
@nanonkay5669 5 месяцев назад
Next ui should be Mantine please. It's top tier
@pruthvirajjadhav8124
@pruthvirajjadhav8124 5 месяцев назад
When I saw she is using Arch I knew she knows what she is talking about
@CulesCoding
@CulesCoding 5 месяцев назад
I am a boy
@muhammadtahir-f6n
@muhammadtahir-f6n 5 месяцев назад
@@CulesCoding 😁😄
@Rushi-q9o
@Rushi-q9o 4 месяца назад
​@@CulesCoding With great power comes great responsibility Don't misuse your power.
@CodeChaos-jd2be
@CodeChaos-jd2be 5 месяцев назад
I cant express how helpfull this vid is ,Really thankfull for this
@CulesCoding
@CulesCoding 5 месяцев назад
Glad it helped
@eliezerabrahamontiverosoje2165
@eliezerabrahamontiverosoje2165 5 месяцев назад
y la modal?
@CulesCoding
@CulesCoding 5 месяцев назад
sorry?
@hectormartinez7002
@hectormartinez7002 5 месяцев назад
siii justo entre para ver algo acerca de modales mantine y nada, chale me voy triste
@hectormartinez7002
@hectormartinez7002 5 месяцев назад
:,c
@eliezerabrahamontiverosoje2165
@eliezerabrahamontiverosoje2165 5 месяцев назад
We needed how to styled the modal like change the header's background color for example. But great course man.
@CulesCoding
@CulesCoding 5 месяцев назад
@@eliezerabrahamontiverosoje2165 Well I have explained the ways you can change styles in the video. For example, you can use styles API to change the styles for modal header. mantine.dev/core/modal/?t=styles-api