Next.js 11 setup with Material UI Version 5 | Part 1 - Emotion

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

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

  • @youtekdev8131
    @youtekdev8131 3 года назад +1

    The level of your tutorials is very professional. Your channel is one of my favorites. Excelent work.

    • @CodeDunks
      @CodeDunks  3 года назад

      Thank you! Glad you enjoy it.

  • @aaronharris239
    @aaronharris239 2 года назад

    I've been looking for a video like this. Thanks

  • @matejbeno569
    @matejbeno569 3 года назад

    You just earned a new subscriber, this really helped me! Thanks!

  • @khandoor7228
    @khandoor7228 3 года назад +1

    Great job Leo, thanks for doing this looking forward to part2!

  • @samueldynski5748
    @samueldynski5748 2 года назад

    one of the quality tutorials

  • @rammehar5531
    @rammehar5531 3 года назад

    Excellent great. you are doing wonderful job

  • @andreicucea
    @andreicucea 3 года назад

    this video is genius. thank you and great job.

    • @andreicucea
      @andreicucea 3 года назад

      Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser.
      The file does not match your project config: next.config.js.
      The file must be included in at least one of the projects provided.
      You have this ESLint error in next.config.js
      Do you have any idea on how to fix it. I can't seem to find info on it

    • @CodeDunks
      @CodeDunks  3 года назад

      It could be that the next.config.js file is not in the "include" array within the tsconfig.json. You could try adding it to the tsconfig include array and see if that happens.
      Also was able to find this stackoverflow.com/questions/58510287/parseroptions-project-has-been-set-for-typescript-eslint-parser

  • @0GRANATE0
    @0GRANATE0 2 года назад

    so super noob question. in VScode for example at 01:16 when I hit save the long line at 16 breaks down on separate lines => WHAT setting is causing this? How can I be sure that all my team members (working on same code) have the same settings so that we don't push unnecassary commits?

    • @0GRANATE0
      @0GRANATE0 2 года назад

      and also at 4:19 I don't have those warning messages when I type something wrong there... how do I setup a propper project? (ok actually non of those rules defined does affect my code.. what do I miss?)

    • @CodeDunks
      @CodeDunks  2 года назад

      @@0GRANATE0 Most likely prettier, eslint with the line character count

    • @0GRANATE0
      @0GRANATE0 2 года назад

      @@CodeDunks But do I have to install prettier and eslints npm pacakge or vs code addon?

  • @amazonreviews2524
    @amazonreviews2524 3 года назад +1

    ​ @Leo Roese Are there any modifications needed for Next.js 12 to work smoothly with Material-UI?

    • @CodeDunks
      @CodeDunks  3 года назад +1

      I haven’t had a chance to look at it with Next 12 unfortunately

  • @koko0808008
    @koko0808008 3 года назад

    Amazing as usual thank you

  • @hedi_muhammad
    @hedi_muhammad Год назад

    Well done bro, I liked your tutor style, I subscribed in the hope of viewing new videos in the same style from you.
    And there is a question, what emotion-cache used for? do we need it in all the rendering styles?

  • @VikasKumar-vs5pu
    @VikasKumar-vs5pu 3 года назад +1

    Great tutorial, can please do storybook with Material UI V5 thanks

  • @Kaizala1933
    @Kaizala1933 2 года назад

    Hi, great work, what's that plugin on your browser?

  • @VKestas
    @VKestas 3 года назад

    Thanks for the vid!

  • @valentynshapoval6154
    @valentynshapoval6154 2 года назад

    Not shown how to use emotion to stylize the MUI components :(

  • @LogopedLTD
    @LogopedLTD 3 года назад

    Can i use next/core-web-vitals with 9-10 next?

    • @CodeDunks
      @CodeDunks  3 года назад

      Hey there, I don’t believe you can

  • @motivateme2402
    @motivateme2402 3 года назад

    Hello sir good evening, Thank for sharing your knowledge, this is awesome tutorial and I learned a lot, may i ask sir ? , sir did you noticed the problem in styled component in console it shows className did not match on Server? How to fix that sir?

    • @CodeDunks
      @CodeDunks  3 года назад +2

      I must have missed it, but if you are using styled-components you could look at this article. stackoverflow.com/questions/51791163/warning-prop-classname-did-not-match-when-using-styled-components-with-seman

    • @motivateme2402
      @motivateme2402 3 года назад +1

      @@CodeDunks hello sirr thanks for replying me back, i also tried that sir , but it wont work, now i moved in emotion styled, it work perfectly

    • @CodeDunks
      @CodeDunks  3 года назад +2

      @@motivateme2402 Shoot, sorry I wasn't able to help but glad you got it to work! Cheers

  • @leonardparan7291
    @leonardparan7291 3 года назад

    You the best dude!

  • @cristianrosescu2914
    @cristianrosescu2914 3 года назад

    Please do a Blitz.js tutorial

  • @dennisgonzales9521
    @dennisgonzales9521 2 года назад

    thanks!

  • @ycdwtv7017
    @ycdwtv7017 3 года назад

    Yeah tell me what emotion is, doctor

  • @firojsiddiki2750
    @firojsiddiki2750 3 года назад +1

    you should have started the setup from scratch instead clone a preconfigured repo and explaining. it becomes confusing

    • @CodeDunks
      @CodeDunks  3 года назад +2

      Gotcha, appreciate the feedback and will do that for the next videos. Sorry about the confusion!

    • @AndreiVolkov-ce1ue
      @AndreiVolkov-ce1ue 3 года назад

      @@CodeDunks I think you can just link one of your previous vids where you set up the nextjs project with lint, prettier, ts, etc. Otherwise, the video will be too lengthy
      Anyway, thx
      great job

    • @stevereid636
      @stevereid636 2 года назад

      I prefer it this way, otherwise I get bored waiting to get to the actual subject matter.

  • @codernerd7076
    @codernerd7076 3 года назад

    So many lint errors

    • @CodeDunks
      @CodeDunks  3 года назад +1

      Did you run yarn install before to install the dependencies? Just curious as to where you are experiencing these lint errors because I don't have any unfortunately. That way I can see and possibly help fix!

    • @codernerd7076
      @codernerd7076 3 года назад

      @@CodeDunks check your video, the lint errors/warnings are there you just ignore them :P

    • @CodeDunks
      @CodeDunks  3 года назад +1

      @@codernerd7076 ohhhhh the warnings, yeah that’s true, I didn’t want to go through the ESLint config for the blue squiggles lol. Sorry about that!

    • @yoyo26-34
      @yoyo26-34 3 года назад +1

      @@CodeDunks maybe missing return type to your functions ?

  • @Stevexupen
    @Stevexupen 3 года назад

    you can say "let's go ahead and xxx" less..

    • @CodeDunks
      @CodeDunks  3 года назад +1

      I feel that for sure lol