Build a React Data Dashboard App | NextJS, Typescript, MUI, ChartsJS - 1.Project Setup

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

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

  • @CuriousByte
    @CuriousByte  Год назад +13

    Hope you guys are enjoying the start of the series. Apologies for the quiet audio in the 'project installation' section at 8:12. Lost the footage for that bit due the whole video project being corrupted and that recording got deleted as well. Absolute nightmare! So I re-recorded in the dead of night with my little toddler sleeping not too far from where I was recording.
    Hope you enjoyed it despite that but very much looking forward to releasing the rest of the series!
    Follow me on twitter.com/thehashton to find out when the next one will be coming out 👋

  • @rafaeldias6122
    @rafaeldias6122 18 дней назад

    Hello! Doing this Dashboard app right now on jan/25 and loving it. I didn't had a problem doing the analytics file with this name, maybe it was a bug haha. I'm really enjoying your didatics and your explanation, great work!

    • @CuriousByte
      @CuriousByte  17 дней назад +1

      Glad to hear it, thank you so much for kind words Raf! I think I had a similar issue at that point too, as it was a protected word for naming the file for some reason. Very frustrating at the time! 😅
      Hope the rest of the project goes well

  • @LeonardoMorales08
    @LeonardoMorales08 Год назад +4

    Excellent project setup! Thanks
    Hoping it will be a great project for those of us who are starting in web development.

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

      Hey Leonardo, glad you're enjoying the series so far. I'm also hoping it'll be a great project for those starting out in web development. Tried my best to explain my decision making so as to not skip any steps. I know that helped me a lot when I first started out 😅

  • @robinscavo9139
    @robinscavo9139 7 месяцев назад +1

    "causing me a bit of a twitch... but I won't feed it" HAHA. Great video, looking forward to the rest.

    • @CuriousByte
      @CuriousByte  7 месяцев назад

      Haha thanks Robin 😂

  • @thevictorwhyte
    @thevictorwhyte Год назад +2

    Analytics subroute worked for me. Great content!

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

      Thanks Victor! Really appreciate the love ❤️

  • @appliveinc
    @appliveinc Год назад +2

    Excellent videos.
    I watched a tons of React videos and so far, that's the one I liked the most. Espacially since you are using TS :)
    I'm going to watched the second one now :)

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

      Thank you so much Jean 🫠
      Very kind words indeed, I hope you enjoy the rest of the series!

  • @jaylee5252
    @jaylee5252 Год назад +2

    First time watching your videos and subscribed, as great content. Thanks 🙂

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

      That's a huge compliment Jay, I really appreciate that bud! I hope you enjoy the rest of the content 😄

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

    You're absolutely right, most of the products I've worked on in the past 3 years were exactly like what you described in the beginning, dashboards with tables and forms and all. After all, React is designed for this kind of stuff.

  • @jnayehsirine6222
    @jnayehsirine6222 Год назад +1

    thank you for this valuable Contribution !!

    • @CuriousByte
      @CuriousByte  Год назад +1

      Appreciate that Jnayeh, thank you! ❤️

  • @marcegger7411
    @marcegger7411 Год назад +1

    instant subbed. You're such a cool guy!

    • @CuriousByte
      @CuriousByte  Год назад +2

      Really appreciate that Marc! Hope you enjoy the series and the channel ❤️

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

    Very good! Thanks!

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

    starting the project, i like the tech stack used

    • @CuriousByte
      @CuriousByte  Год назад +1

      Thanks J I do as well! If you like this one, just started another one as well with the same stack 👌

  • @tonybenci2796
    @tonybenci2796 Год назад +3

    For what it's worth (re: analytics and deleting things like page.module.css, error.ts etc.) I have found that you can battle with this for hours and finally just bite the bullet; stop the server, delete the .next folder and npx run dev again. This rebuilds the .next folder from scratch and all the headscratching and cursing disappears with a fresh build from the ground up.

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

      Thanks Tony, I'm sure that'll help a fair few people 🙌

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

      Very helpful, saved me towards the end of video 3

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

    great video, thanks a lot!

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

      Thank you! Hope you enjoy the series :)

  • @andre_0
    @andre_0 10 месяцев назад

    The "analytics" route is being blocked by uBlock. You can see at 22:26 a "1" appears on the extension's icon.

  • @MauriceTheMagnificent
    @MauriceTheMagnificent 11 месяцев назад

    Good day boss, I just found out your channel and I love the clarity with which you introduced the course. I have a question though. Can I use tailwindcss together with materialUI? Is there any possible conflict it can cause?

    • @CuriousByte
      @CuriousByte  11 месяцев назад

      Hey Maurice, welcome to the channel! You can absolutely use them together, Tailwind CSS is quite resilient and can be most near anywhere. You can use custom class names on MUI components but because MUI component uses inline styles a lot it could cause some specificity issues. Though the TLDR is yes you can :)

  • @MuradRashidov-k1j
    @MuradRashidov-k1j Год назад +2

    Is it nececary degrade node v16?

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

    great work

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

    Thanks!

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

      Thank you Brunito, glad you enjoyed! 😄

  • @nabilboukezzoula303
    @nabilboukezzoula303 8 месяцев назад

    hey bro, this is very personal ! You really looks like me ! when I see you, I see me ! disturbing brotha ! really ! and my wife said the same. I'm Big-Neb from France.
    Thank you for the work (y)

    • @CuriousByte
      @CuriousByte  8 месяцев назад

      Haha Big Neb I agree we’re both some sexy mother truckers 👌👌👌
      Weirdest way to your find your doppelgänger I’ll admit, through you RUclips comments 😂😂

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

    why you create mui outside of the web project file ?

  • @RiteshKC-tn4cq
    @RiteshKC-tn4cq Год назад

    hey, mine gave no problem with analytics. thanks for this series

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

      Amazing, glad it worked out Ritesh. Hope you enjoy the series finale video coming out today 😄

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

    Hey bud. Nice video. Can I use this Admin dashboard for any website?

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

      Hey man, glad you enjoyed it and yeah this should be fine for any website or project. Go for it ;)

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

      @@CuriousByte Can you build a real world ecommerce website by using this admin page? And for production

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

      ​@@brancode404 yeah this admin data dashboard is ideal for an e-commerce website project! Probably one of the number one use cases 👌

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

      Something like Stripe would be a great addition to make this work :)

  • @YoandryCollazo-u7y
    @YoandryCollazo-u7y Год назад

    I was expecting you to mention how to setup MUI in the __app and __document

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

      Hey thanks for watching the video. All the MUI setup comes in the third video in the series ‘styling’ :)

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

    I hope you update to use nextjs 13 or 14 and use app router kkk, thank you very much

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

    Hey man what os are you using

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

      Hey bud, currently using WSL on Windows in this video 👌

  • @hi....i-r1g
    @hi....i-r1g Год назад

    is this frontend+backend?

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

    Can you pls share git repository

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

      It's in the description in the video but I'll link it here as well ;)
      github.com/thehashton/cb-data-dashboard/tree/1/Project-Setup