NEXT UI crash course with NEXT.JS | Tailwind CSS | React UI Framework

Поделиться
HTML-код
  • Опубликовано: 18 ноя 2024

Комментарии • 29

  • @Rushi-q9o
    @Rushi-q9o 5 месяцев назад

    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.

  • @SylvesterRubioIII-h6p
    @SylvesterRubioIII-h6p 4 месяца назад

    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  4 месяца назад

      I guess you haven't added the types for children. It should be `ReactNode`.

    • @edzbons
      @edzbons 2 месяца назад

      i prefer to use type PropsWithChildren. it just works for me.

  • @BitWizCoder
    @BitWizCoder 5 месяцев назад

    Thanks for the video. also one other thing. pleas share a neofetch screen shot 🤣

    • @CulesCoding
      @CulesCoding  5 месяцев назад

      haha.. will do in the future.

  • @nanonkay5669
    @nanonkay5669 6 месяцев назад

    Next ui should be Mantine please. It's top tier

  • @edzbons
    @edzbons 2 месяца назад

    you have a link or separate video for your linux setup? thank you

    • @CulesCoding
      @CulesCoding  2 месяца назад

      I don't have any video. You can check my dotfiles on github but don't have a good documentation.
      github.com/thatanjan/.dotfiles

  • @ancronym
    @ancronym 3 месяца назад

    What is the IDE you are using? Super cool looks on everything.

    • @CulesCoding
      @CulesCoding  3 месяца назад +1

      I use Neovim or Neovide to be exact.

  • @pruthvirajjadhav8124
    @pruthvirajjadhav8124 6 месяцев назад

    When I saw she is using Arch I knew she knows what she is talking about

    • @CulesCoding
      @CulesCoding  6 месяцев назад +1

      I am a boy

    • @muhammadtahir-f6n
      @muhammadtahir-f6n 6 месяцев назад +1

      @@CulesCoding 😁😄

    • @Rushi-q9o
      @Rushi-q9o 5 месяцев назад +1

      ​@@CulesCoding
      With great power comes great responsibility
      Don't misuse your power.

  • @wendeus8946
    @wendeus8946 4 месяца назад +2

    what operating system are you using?

    • @CulesCoding
      @CulesCoding  4 месяца назад

      ArcoLinux (hyprland version)

    • @Chikobara
      @Chikobara 4 месяца назад

      ​@@CulesCoding cool waybar tho, at first moment i thought its customised kde

    • @CulesCoding
      @CulesCoding  3 месяца назад

      @@Chikobara thanks

  • @akshatdubey4421
    @akshatdubey4421 5 месяцев назад

    Even after setting up, my components are unstyled

    • @CulesCoding
      @CulesCoding  5 месяцев назад

      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 5 месяцев назад

      @@CulesCoding I've done these exact steps

    • @CulesCoding
      @CulesCoding  5 месяцев назад

      @@akshatdubey4421 Hard for me to say without seeing the code

    • @omarelhassani8452
      @omarelhassani8452 5 месяцев назад

      i have the same issue

    • @omarelhassani8452
      @omarelhassani8452 5 месяцев назад

      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()],
      };

  • @algaldia
    @algaldia 6 месяцев назад

    This is like shadcn/ui?

    • @CulesCoding
      @CulesCoding  6 месяцев назад +1

      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 6 месяцев назад

      @@CulesCoding Thank you!