Shadcn + Next.js 13 is HEAVEN | A QUICK GUIDE

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 พ.ย. 2024

ความคิดเห็น • 119

  • @developedbyed
    @developedbyed  ปีที่แล้ว +44

    The Next.js 13 course is getting closer to be released, it will be completely revamped with shadcn + tRPC/server actions and a couple of entirely new chapters!
    Thanks for everything ✨✨

    • @marvinkr
      @marvinkr ปีที่แล้ว +2

      Haha loved the button pun 😂 Will the course also include Tanstack & Driizzle?

    • @developedbyed
      @developedbyed  ปีที่แล้ว +2

      Yeah both of these!

    • @Zaromir
      @Zaromir ปีที่แล้ว

      my body is so ready

    • @zdmgy3778
      @zdmgy3778 ปีที่แล้ว

      I need a specific time.😀

    • @trburaktr16
      @trburaktr16 ปีที่แล้ว

      When will the course be updated? I can't wait to buy it.

  • @csy897
    @csy897 11 หลายเดือนก่อน +6

    I tried to make shadcn for the app my department is working on. My company tried to make a shadcn for the company. And then I saw this and I just... wow. This bloke is gold.

  • @randerins
    @randerins ปีที่แล้ว +13

    It really is! I've applied this combination on certain projects and it's SO simple to program with!

    • @sjonny-depp
      @sjonny-depp ปีที่แล้ว +1

      Yes, but can be way too much overwhelming with huge chunks of code for a simple dropdown or button.

    • @fbenfrank
      @fbenfrank 7 หลายเดือนก่อน +1

      @@sjonny-deppyou always have the option to code it yourself.

  • @thedude6810
    @thedude6810 ปีที่แล้ว +1

    holy moly, i thought i was gonna have to go with mui. Shadcn looks like the right way to go

  • @Beast80K
    @Beast80K ปีที่แล้ว +4

    Sir,
    Have you tried NextUI ?
    Should I go with NextUi or shadcn ?

  • @youtubevanched7665
    @youtubevanched7665 ปีที่แล้ว +3

    Which VSCode theme you are using ?

  • @padione3540
    @padione3540 ปีที่แล้ว +4

    Awesome video, will try it in my next project! It’s gonna be a huge time saver

  • @moerv673
    @moerv673 ปีที่แล้ว +3

    Which vscode extensions and theme are u using? Everything’s so smooth :)

    • @booom5572
      @booom5572 10 หลายเดือนก่อน

      Bump! What theme is this!

  • @niteshbabu5731
    @niteshbabu5731 ปีที่แล้ว +1

    One quick fix, in the zod section you said that the username is looking for not more than 5 chars buts it's the opposite, it's looking for min 5 chars in it

  • @anonymoussloth6687
    @anonymoussloth6687 ปีที่แล้ว +5

    For the custom theme, we need to copy paste it like u did for red. Is there a way to do it based on user input like in the website? The user will click red, blue, orange, etc and it will change accordingly

    • @Houseofstartup
      @Houseofstartup ปีที่แล้ว

      Same question

    • @kiranojha8811
      @kiranojha8811 ปีที่แล้ว

      You'll have to keep track of multiple theme variables and use js to dynamically change that

  • @АлександрМерный-м1ч
    @АлександрМерный-м1ч 10 หลายเดือนก่อน

    nice to hear that author voice and "clean" English.

  • @cristiancirje
    @cristiancirje ปีที่แล้ว +1

    Great video! What's the name of the VSC theme?

  • @danielparagas576
    @danielparagas576 ปีที่แล้ว

    The disappearing effect on switching modes made me subscribe liked the video 🤣

  • @maherylala2153
    @maherylala2153 ปีที่แล้ว +11

    You know it's good when the account has Morty as a pp

  • @aymaneamen5854
    @aymaneamen5854 8 หลายเดือนก่อน

    looks awesome, I will give it a shot !

  • @z1982_
    @z1982_ 4 หลายเดือนก่อน

    Hi, can we use theming colors if we opted for utility class instead of css variables ?

  • @xhurish
    @xhurish ปีที่แล้ว

    Could you help me with something, the shad cn components are styling properly if theyre used within the app folder but not if theyre used on a pages folder, i also added the routes to the css config but it still remains broken, how comd

  • @santoshkumarmarar7048
    @santoshkumarmarar7048 ปีที่แล้ว

    Can you please make video on shadcn ui form and how to integrate select,radio, and checkbox in form

  • @denvernaicker8250
    @denvernaicker8250 ปีที่แล้ว

    I found this a bit difficult to follow a long, the code snippets for className I manually typed out because I couldn't find the navbar styling, I feel I had to pause the video every few seconds just to write out what you were doing, but it felt exhausting and incoherent as to what I am doing

  • @stanislavvranic1745
    @stanislavvranic1745 ปีที่แล้ว

    Suggestion for one of the next videos. ShadeCN + Storybook.

  • @MChiemelie
    @MChiemelie ปีที่แล้ว +1

    This is a really great man!

  • @ebubekiryazgan
    @ebubekiryazgan ปีที่แล้ว

    Yessss here is the video I wanted

  • @kurifurikurifuri
    @kurifurikurifuri 9 หลายเดือนก่อน

    Is there any guide for designers? (like all about Figma stuff and etc.) We're building a new product and our team decided to use an open-source design-system, so im on it. But all I've found about shadcn is dozen tons of developer stuff (and poor design file in Figma Community) and as you can guess I don't give a hack what all of this means. So I'm just interested of what kind of adjustments I can do and how the handoff process using this library is organised at all.

  • @ajndlajjnl4175
    @ajndlajjnl4175 2 หลายเดือนก่อน

    Hi ed. I ve a question i use angularfor client sode dev and i want to move to nextjs. Do i have to learn reactjs then pass to nextjs or nah!

  • @siddharthsaurav3657
    @siddharthsaurav3657 ปีที่แล้ว

    Why they not provide warning, info variant of buttons by default

  • @marwantarek6391
    @marwantarek6391 ปีที่แล้ว

    What is the name of the theme please , i tried nightowl but the colors here are lighter

  • @Siddu7987
    @Siddu7987 ปีที่แล้ว

    which one to use Radix Themes or shadcn themes ??

  • @FzsHotDogInDonut
    @FzsHotDogInDonut ปีที่แล้ว +1

    How do I add all the color options available for end user?

  • @mahadsaleem9317
    @mahadsaleem9317 5 หลายเดือนก่อน

    6:53 how is he getting these suggestions is there a vs code extension for this or what?

  • @naveenalla3000
    @naveenalla3000 ปีที่แล้ว

    Wonderful definitely I should make use of it

  • @eindbaas
    @eindbaas ปีที่แล้ว

    I always like to just install everything by not specifying a component when using the shadcn add command.

  • @akash-kumar737
    @akash-kumar737 ปีที่แล้ว +1

    I think Mantine UI 7.0 is better alternative. Would like you to review it if possible.

  • @pogboii
    @pogboii 8 หลายเดือนก่อน

    How would i do this without using typescript?

  • @RupaDevi-j1k
    @RupaDevi-j1k 6 หลายเดือนก่อน

    Hey how can build array Tags Ui using shadcn

  • @michaelvillanueva6664
    @michaelvillanueva6664 ปีที่แล้ว

    Hey Ed!
    Not related to the video but I’m really interested in getting your react course.
    Is it still up to date? Thanks!

  • @nickveldkamp5396
    @nickveldkamp5396 ปีที่แล้ว +1

    Why Next.JS over Nuxt.JS?

    • @mario_luis_dev
      @mario_luis_dev ปีที่แล้ว

      bc NoNuxt November is approaching…

  • @funfacts9668
    @funfacts9668 ปีที่แล้ว +1

    Sir please make a complete course on GSAP with Three JS

    • @btssugahit4663
      @btssugahit4663 ปีที่แล้ว +1

      Seriously threejs is giving me headaches and heart attacks

    • @imsofckinenergized
      @imsofckinenergized 10 หลายเดือนก่อน

      ​@@btssugahit4663😂 Yeah Same here

  • @gwemula
    @gwemula ปีที่แล้ว

    00:25 | Your face scared me a little 🤣

  • @davidgibradze9692
    @davidgibradze9692 3 หลายเดือนก่อน

    Your theme name?

  • @_shienister_
    @_shienister_ ปีที่แล้ว

    Hey Ed can you do sencha Extjs?

  • @ValorHeart
    @ValorHeart ปีที่แล้ว

    Where do i get desktop background like yours?

    • @Quabbe2
      @Quabbe2 ปีที่แล้ว

      Internet has some wallpapers

  • @vohoanghaduong6639
    @vohoanghaduong6639 7 หลายเดือนก่อน

    please. Why my visual studio code when writing classname dont show the list existing like you. Teach me please

  • @y0ake77
    @y0ake77 หลายเดือนก่อน

    Very helpful❤

  • @healdesk5649
    @healdesk5649 ปีที่แล้ว

    cant install it on nextjs (JS project) :/

  • @pranaavshinde9731
    @pranaavshinde9731 ปีที่แล้ว

    its not working from my project

  • @aarondiaz2506
    @aarondiaz2506 ปีที่แล้ว

    yep it is 😊

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    This is awesome

  • @Rafa-nc4ru
    @Rafa-nc4ru ปีที่แล้ว +4

    Cool! You have created another bare simple page that says nothing about more sophisticated cases where I have found shadcn to be inconvenient.

    • @developedbyed
      @developedbyed  ปีที่แล้ว +2

      Just edit the actual UI component, how would it be inconvenient?

    • @abdu1wahid105
      @abdu1wahid105 ปีที่แล้ว +1

      Sometimes a little CSS is all thats required... that's whats so good about utility classes, you decide to use them on a per case basis. 👌Fomo-ing into the latest UI won't instantly catapult learner coders into seasoned Software engineers.

  • @flnnx
    @flnnx 10 หลายเดือนก่อน

    It seems pretty neat. I'll give it a try for my next project

  • @jayanspaliwal5907
    @jayanspaliwal5907 ปีที่แล้ว

    I love your videos. I would also love to buy your courses but in my country's currency, they're too expensive. 😥

    • @kkkotiqqq
      @kkkotiqqq 8 หลายเดือนก่อน

      Dont buy his courses, this is a crap

  • @GurpreetSingh-ps6kl
    @GurpreetSingh-ps6kl ปีที่แล้ว +1

    funniest youtuber ever lol

  • @KayCherk
    @KayCherk ปีที่แล้ว

    Looks like hell to me, and why there’s so many bots in this video?

  • @philcodes4110
    @philcodes4110 25 วันที่ผ่านมา

    Thanks you degea

  • @talleyrand9530
    @talleyrand9530 ปีที่แล้ว

    What a chad!

  • @quoclam7140
    @quoclam7140 ปีที่แล้ว

    Can you make a video with Shadcn without typescript and next?

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    nice one

  • @AlexisSilva-e2q
    @AlexisSilva-e2q ปีที่แล้ว

    I love u!

  • @thomasfuchsberger3912
    @thomasfuchsberger3912 11 หลายเดือนก่อน

    I use ant.design for my UI‘s

    • @imsofckinenergized
      @imsofckinenergized 10 หลายเดือนก่อน

      Yeah it's good But PrimeReact is better than that. I recently switched to PrimeReact after I found that.

  • @filipkovac767
    @filipkovac767 ปีที่แล้ว

    funny thing is: stating you use Next.js 13 has no correlation whether you use app or pages router.

    • @developedbyed
      @developedbyed  ปีที่แล้ว +2

      Did you see the app folder there? That means it’s app router

  • @ruggeddog3103
    @ruggeddog3103 10 หลายเดือนก่อน

    Next UI

  • @febribayunurcahyo9308
    @febribayunurcahyo9308 ปีที่แล้ว

    At this stage webdev is witchcraftery

  • @MitsubishiHondaAcord
    @MitsubishiHondaAcord ปีที่แล้ว

    we upgraded bbbbbbttch

  • @ThatRandomDude914
    @ThatRandomDude914 7 หลายเดือนก่อน

    …/Learning/woooo 😂

  • @geelemo
    @geelemo ปีที่แล้ว

    No pagination

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    csd

  • @nivethan_me
    @nivethan_me ปีที่แล้ว +1

    its been a month buddy & you're outdated😂
    now do the same with next14 for us!

  • @wildanm2
    @wildanm2 11 หลายเดือนก่อน

    shadcn is extremelly lagging

  • @codenerd7823
    @codenerd7823 ปีที่แล้ว

    @developedbyed
    Trust me Dev ED was the better name in my opinion

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    type your message

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    sadiqu hasan 123

  • @RupaDevi-j1k
    @RupaDevi-j1k 6 หลายเดือนก่อน

    Hey how can build array Tags Ui using shadcn

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    This is awesome

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    nice one

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    This is awesome

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    nice one

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    This is awesome

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    nice one

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    This is awesome

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    nice one

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    This is awesome

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    nice one

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    This is awesome

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    nice one

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    This is awesome

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    nice one

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    This is awesome

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    nice one

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    This is awesome

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    nice one

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    nice one

  • @MohammadSadiqu
    @MohammadSadiqu ปีที่แล้ว

    nice one