Build and Deploy a Modern Next.js Application | React, Next JS, TypeScript, Tailwind CSS

Поділитися
Вставка
  • Опубліковано 22 гру 2024

КОМЕНТАРІ • 967

  • @javascriptmastery
    @javascriptmastery  Рік тому +48

    This tutorial covers Next.js 13, but don't let that number fool you. Next.js 14 is essentially a performance update of v13. That means every concept, technique, and feature we dive into here is just as applicable in Next.js 14
    Ultimate Next 14 Course is now live: jsmastery.pro/next14

    • @sfincione2000
      @sfincione2000 Рік тому +1

      FYI - imagin.studio seems to have changed their policy. There no longer seems to be a trial version, so the car image API isn't available to do some testing. Do you know any alternatives?

    • @physicschemistry2190
      @physicschemistry2190 11 місяців тому +3

      CAR IMAGE API KEY IS NOT WORKIG AND IN GITHUB ALSO THERE IS NOT ANY API KEY . IF THERE IS SOME OTHER FREE API FOR IT THEN PLEASE GIVE ME OTHERWISE IF YOU CAN GIVE YOUR APIKEY THEN PLEASE GIVE ME . PLEASE REPLY

    • @javascriptmastery
      @javascriptmastery  11 місяців тому +2

      @@physicschemistry2190 it should be working

    • @i-am-artur
      @i-am-artur 11 місяців тому +2

      @@javascriptmasteryfor me the API works fine. Thank you for tutorial by the way

    • @nurmuhammadyorov9775
      @nurmuhammadyorov9775 8 місяців тому

      2:30:02 when I click Search 404 Not Found error
      Is this page related to the rapid api? The link contains % 20, if I delete this %20 search page, the page is finding I can't find where mistake is

  • @Codemyhobby
    @Codemyhobby Рік тому +434

    This man's projects are better than most udemy courses. And the best part is that they are real time projects. Thanks for this!

    • @krasimirhristov6757
      @krasimirhristov6757 Рік тому +8

      Exactly

    • @javascriptmastery
      @javascriptmastery  Рік тому +45

      That's the goal!

    • @viniciusm.m.7822
      @viniciusm.m.7822 Рік тому +1

      True! 🎉

    • @jq_dev
      @jq_dev Рік тому +1

      Exactly!

    • @Drew7795
      @Drew7795 Рік тому +4

      The Udemy courses is good, but The professors release and don't update the material. For example, these New features for Nextjs i havendo seen yet.

  • @koltenrasmussen289
    @koltenrasmussen289 Рік тому +66

    If anyone got to 03:00:22, a simple fix I found by going through the comments in the bug in Next scrolling-
    1. Search your application for "router.push", 3 should appear
    2. Replace "router.push(newPathName);" with "router.push(newPathName, {scroll: false});"
    3. Skip to Deployment 03:20:28

    • @jrom_ai
      @jrom_ai Рік тому +3

      YOU'RE THE MAN! 🤩🤩

    • @PetriikVx
      @PetriikVx Рік тому +2

      Thank you!!!!

    • @nelsoncarter8323
      @nelsoncarter8323 9 місяців тому +3

      works perfectly. this also fixed the searchbar scrolling to the top. thanks so much

  • @IshmamAhmed
    @IshmamAhmed Рік тому +9

    I’ve been developing next 12 and 13 apps for the last 9 months including my website which also uses typescript. Making these has only benefited me, I recently got hired for all my nextjs apps where I’m genuinely making buck according to average software engineering jobs. Take this man’s word and work with nextjs with typescript it truly is the way forward

  • @quarterpie5338
    @quarterpie5338 Рік тому +6

    I can't believe you are doing this for free man, thank you so much.

  • @geldimansaku
    @geldimansaku Рік тому +58

    I remember asking you for such an app few weeks ago, and you made it a reality. Really appreciate it, big thanks 👍

  • @farihanmail
    @farihanmail Рік тому +57

    I just finished the last next13 course (first time using nextjs), and wanted to find another next 13 course with typescript. This is definitely what im searching for! Gained so much knowledge from your videos. May god bless you and your family.

    • @javascriptmastery
      @javascriptmastery  Рік тому +4

      Fantastic!

    • @willowPAPA
      @willowPAPA Рік тому

      There aren’t many people doing full build videos, would definitely love to see more

    • @jaigaur1303
      @jaigaur1303 Рік тому

      bro did the car api work.....isn't it not free for all
      how did you managed tp fetch the car photos ?

    • @phucthien378
      @phucthien378 Рік тому

      kmm

    • @GongatiVenkateswarlu
      @GongatiVenkateswarlu Рік тому

      How he got .git folder?

  • @anassnassim
    @anassnassim Рік тому +9

    i just finish the last course of create promptopie with nextjs
    thank you for this great content you provide

  • @karim6179
    @karim6179 Рік тому +3

    wonderful video thanks a lot, for the issue of scrolling to the top you can keep it server side rendering and add to the router.push a property of { scroll: false } which is gonna look smg like that : router.push(newPathname, { scroll: false }); that would solve it without needing to move back to the client side rendering enjoy guys

    • @javascriptmastery
      @javascriptmastery  Рік тому

      Has it been implemented? It wasn't working at the time of the recording! :)

  • @BriansRecaps
    @BriansRecaps 10 місяців тому +7

    to fix the scrolling error aftter searching at 2:32:44 i used router.push(newPathname,{scroll: false}); in our searchbar.tsx file

  • @saidibrahim5931
    @saidibrahim5931 Рік тому +4

    What a great course and project, no words can describe your effort and time for teaching people, what's the reason you choosed next.js over express.js. your previous projects were express and now you shift to next.js

  • @abdulateef-da-designer
    @abdulateef-da-designer Рік тому +6

    Adrian, I'm short of words, ur courses are state of da art, premium grade, educational nd more
    Tanx so much for what u've done for us at large

  • @nikunjmehra935
    @nikunjmehra935 Рік тому +41

    Wonderful! Super excited for a TypeScript project finally!!❤

  • @mimcris8481
    @mimcris8481 Рік тому +3

    Finished! Nice project, everything still working so far, use scroll false when using router.push though. The image car api has watermark but it's still useble in my opinion.

  • @ryanlee8130
    @ryanlee8130 Рік тому +22

    for those having issue with scroll top from router,, just add {scroll: false} because initially scroll is set as true by default for router in nextjs

    • @Thehardgamer64
      @Thehardgamer64 Рік тому +8

      router.push(newPathName, { scroll: false });

    • @Houseofstartup
      @Houseofstartup Рік тому +2

      Thank you i was facing the same problem

  • @cotosolis3378
    @cotosolis3378 Рік тому +4

    One of the best courses i've ever seen, nice work, nice explain, you deserve a golden globe jaja, the only thing that i have to say its that we need a new API key or another API to use, now its a no image project haha, cheers bro and well done!

  • @panoramixer
    @panoramixer Рік тому +2

    it's always amazing work from this channel. Also I've added {scroll: false} in all router.push to disable scrolling to the top of the page, and this works for me.

  • @_elusivex_
    @_elusivex_ Рік тому +9

    Finally the typescript project which i was waiting for came. Btw i wanted to tell you that you are the most professional and organised coder i have ever seen. Love from india.

  • @christophermungiria2876
    @christophermungiria2876 Рік тому +2

    I’ve recently started Typescript from JavaScript and this video has helped me a lot. Please do more of these as well as more React Native videos

  • @nikita-shtimenko
    @nikita-shtimenko Рік тому +4

    I didn`t watch the video yet, but i already know our man delivered us something awesome, better than most courses out there, for *free*.
    Thank you :)

  • @AmanSingh-yy4fn
    @AmanSingh-yy4fn 9 місяців тому +9

    If you are watching this video recently the Next js recently got updated you can completly skip the client Sider Rendering part by adding this this extra paramater in the router
    In components/ShowMore
    router.push(newPathname,{ scroll: false });
    In components/SearchBar
    router.push(newPathname, { scroll: false })
    Happy Coding >

    • @aninima01
      @aninima01 8 місяців тому

      do you have any solution for car images API ?

    • @ohemufelix9971
      @ohemufelix9971 6 місяців тому

      How about the API seems to no longer work

    • @abhishekissus
      @abhishekissus 3 місяці тому

      u forgot to add this in custom filter too
      const handleUpdateParams = (e: {title: string,value: string}) => {
      const newPathName = updateSearchParams(title, e.value.toLowerCase())
      router.push(newPathName,{scroll: false})
      }

  • @BeastFish22
    @BeastFish22 Рік тому +6

    Best tutorial on youtube!! Extremely useful and always up to date with the technologies!! Great job, keep it up!

  • @MalikDixon
    @MalikDixon Рік тому +2

    This is one of the best NextJs Video that I had taken. the time to review It is very thorogh i,n the presentation and the connection to the API was very simple. More typescript Next.JS please.

  • @DW5000-sz9sv
    @DW5000-sz9sv Рік тому +5

    While i do really appreciate the content, as a designer trying to hone my frontend skills in react this course went from 0 to 100 really fast. I watched the crash course as well as mentioned in this course.
    People in my position are not necessarily super deep in ES6+, arrow functions, json etc. so while the hero part of the tutorial was great for me, the second part of the list with filters got complex really fast. Not that i wasn't able to get the same output as the author, but man i lost whatever overview i thought i had with the filter Combobox filter functions and the setQuery part with the Transition as fragtment stuff.
    I am aware that this course doesn't promise to cater to people like me, but at least i felt the need to say, that touching lightly on concepts in the start of a course, doesn't necessarily mean that they stick 100% in the very next chapter where the complexity goes up rapidly.
    I would love a course like this that is laid out in simpler steps/chapters and touches more on the 'why' and 'how' of all aspects of what is going on, repeatedly as the course progresses. A course that doesn't point to other videos to understand an arrow function for instance, but discusses the topic as it appears in the course.
    Also up until now i didn't experience any recaps of what we just did - and again why we did (and structured) it like that.
    Anyway, I'll keep at it and hopefully it'll stick more and more. This seems to be the only real course on typescript with react and nextjs. Hope this feedback finds you well.

  • @ai_coding
    @ai_coding Рік тому +3

    The way u explained apis & fetches made me finally understand it! Clean build & Thank you.🙏

  • @paraschauhan9978
    @paraschauhan9978 Рік тому +7

    Wow i was looking for latest next 13.4 project with typescript (coz I just learned ts ) and tailwind ❤️❤️ and your notification just popped up ✌️ THANKYOU❤️

  • @aldofematWorkout
    @aldofematWorkout Рік тому +15

    Very clear as always! I would love to see an ecommece with NEXT JS, STRAPI, TAILWIND, TYPESCRIPT, AND STRIPE, and also another video with django, python, postgreeSQL and tensorflow.js for a backend. Thanks

    • @pattierney6845
      @pattierney6845 Рік тому +1

      I would add Firebase to this list rather than an api. How would one implement this?

  • @judevector
    @judevector Рік тому +3

    Man i can comfortably sau you qre the Reason am going to be a better and good web developer, you are a rare gem and UA-cam knows that that's why your videos always pop up on top whenever you upload

  • @sebastiancastillo3560
    @sebastiancastillo3560 Рік тому +4

    Really amazing tutorial , Thanks so much Elliot!! 👏👏
    The solution for the scroll bug over nextjs v-13.4.12 is router.push(newPathName, { scroll: false })
    It's works for me 👍

  • @Andrew-Tsegaye
    @Andrew-Tsegaye Рік тому +5

    As you promised you did it, what a respected citizen 👏 👌 🙌 👍 ❤🎉❤🎉🎉

  • @arielelias2413
    @arielelias2413 Рік тому +2

    Yes, we want more, and more, and more projects like this one (in NEXTJS of course). I'm triying to specialize in Next and you are my best teacher. Thanks for all. I will by you a coffee

  • @hashirmahmood4270
    @hashirmahmood4270 Рік тому +3

    Your channel is the best learning platform for React and Next development

  • @zacaw99
    @zacaw99 Рік тому +4

    A fix to the scroll to top issue at 2:32:41. Change router.push(newPathName) to router.push(newPathName, {scroll: false}) in your SearchBar.tsx file inside the updateSearchParams function.
    That has fixed it for me. At least until normal functionality is resumed

  • @ayushpillai333
    @ayushpillai333 Рік тому +12

    Thank you so much Adrian.. You came up with typescript 😍❤️
    Really appreciate your efforts in educating us.

  • @itsjmendez
    @itsjmendez Рік тому +2

    Yeeeeeeees lets go! Thank you! I think everyone is looking for this tutorial.

  • @interactivehustlers1820
    @interactivehustlers1820 Рік тому +2

    when ever i see your videos i smile, because i know i get a lot of new knowledge. God bless you, You are my unsung hero...

  • @elandamor
    @elandamor Рік тому +3

    Simply WOW, easy to follow and appreciate the extra steps to bring to attention the NextJS scroll bug... You have a new subscriber... Keep up the good work. Thank you soooo much for this.

  • @anggriawanmr
    @anggriawanmr Рік тому +2

    Finally! Thank you Adrian, I really glad found your channel year ago

  • @obahsylva7755
    @obahsylva7755 Рік тому +5

    Great build. I always love your tutorials and in-depth explanations. I would love to see a Zoom project using Next Js 14

  • @JoseFlores-ol4cc
    @JoseFlores-ol4cc Рік тому +1

    Muchas Gracias por este curso y por tomarte el tiempo para hacerlo. La verdad que lo que aprendi en este curso fue asombroso. Voy a seguir viendo mas. Saludos desde Argentina

  • @jq_dev
    @jq_dev Рік тому +4

    This man's project makes us rich fast. Thanks for this one!

  • @John-eq5cd
    @John-eq5cd Рік тому +1

    Thanks!

  • @redmoor553
    @redmoor553 Рік тому +5

    The way to fix the scrolling bag is to pass {scroll: false} as the second parameter to router.push() function.
    It shoould look like:
    router.push("/yourpathname", {scroll: false})

  • @hassanahmad4008
    @hassanahmad4008 10 місяців тому +17

    The imagin.studio api is no longer working and the images are not shown. How to resolve this issue?

    • @kalpitchandekar1736
      @kalpitchandekar1736 4 місяці тому

      did you find the solution because I have the same problem

    • @SeniorEstaban
      @SeniorEstaban 4 місяці тому

      I've run the same issue. Images are only rendering the red placeholder car. Did you manage to get this resolved?

    • @V0W4N
      @V0W4N 3 місяці тому

      they seem to have closed the free trial service, so no fortune with automatically generated car images
      i just went with stock one and not bothered any further

    • @SkyrimBeast
      @SkyrimBeast 3 місяці тому

      The form on the website doesn't work, specifically the website field. It just errors out with "Please provide a website with the requested format". AUGH!

    • @ammadahmed6591
      @ammadahmed6591 2 місяці тому

      I am facing the same issue, any alternative solution?

  • @PattySpicy
    @PattySpicy Рік тому +4

    Thank you to a million times ! your work is incredible like always !
    and I would love to see more Nextjs 13.4+++ with API series like this project
    and Please more Build and sell API tutorial for 2023 version

  • @viniciusm.m.7822
    @viniciusm.m.7822 Рік тому +2

    In the next year i will have time to learn more english and Front-End techs to apply for this masterclass.
    Forte abraço, bro!

  • @Lorkisen
    @Lorkisen Рік тому +9

    Api key not working, so I'm stuck at Car Images, but thanks for the effort. I learned a lot so far.

  • @lautaroleonelgallardo3767
    @lautaroleonelgallardo3767 Рік тому +2

    Dayumn, I love your work man, I will donate you when I get a new job!

  • @abuarabarab7421
    @abuarabarab7421 Рік тому +3

    The solution of scrolling to top after pushing new path to router is : simply adding {scroll:false} as second argument to router.push(path, {scroll:false}) 💯

  • @anshuls3104
    @anshuls3104 Рік тому +2

    I just finished learning basic concepts of Typescript, and was searching for a cool project, here comes JSM, thanks a lot !😄

  • @dytomabatogouma7898
    @dytomabatogouma7898 Рік тому +4

    Another wonderful and amazing project to learn from. Thanks for sharing these masterpieces for free. I definitely would like to watch more videos on TypeScript.

  • @tonybenci2796
    @tonybenci2796 Рік тому +2

    Thank goodness these wonderful tutorials are now in typescript... thank you... more please

  • @adriablancafort
    @adriablancafort Рік тому +5

    Great as always! Thanks for your content

  • @jimmyj.6792
    @jimmyj.6792 Рік тому +3

    Awesome tutorial and so modern 😍😍😍 you are a beast, thanks for it 🙏🙏

  • @nolifeking7128
    @nolifeking7128 Рік тому +1

    it's an honor to complete this course, thank you so much!

    • @nipunjayasinghe1880
      @nipunjayasinghe1880 Рік тому

      Can you send me the code?? I'm trying to do. But there are some errors?

  • @ghulammujtaba9236
    @ghulammujtaba9236 Рік тому +7

    The car api by Imagin studio is only for organizations. We cannot get it.
    Is there any alternative?

    • @reinaldoromero2545
      @reinaldoromero2545 Рік тому +1

      II have searched all over the internet and I can't find an api with free images of cars😭

    • @joseriquelme9673
      @joseriquelme9673 Рік тому

      Let's hope someone finds another api that helps us :/

    • @ghulammujtaba9236
      @ghulammujtaba9236 Рік тому +4

      @@joseriquelme9673 I didn't complete the course because of the api and don't have any motivation left to continue.

  • @Jj-bo1dm
    @Jj-bo1dm 11 місяців тому +2

    Nice content , thank you so much . hope you continue this kind of videos! more power!

  • @iAmTheWagon
    @iAmTheWagon Рік тому +3

    Ooohh yeah buddeeehh. TypeScript!🎉

  • @ngampusonline
    @ngampusonline Рік тому +1

    best tutorial ever! It just 3 hours, but I finished all in three days. Many thanks Adrian!

    • @sairakausar
      @sairakausar 11 місяців тому +1

      you have Image API key , because API key is not work

  • @gordxrohit
    @gordxrohit Рік тому +3

    I'm in love with Your Content 😍 Adrian 😻 I'm always waiting for your new video to learn something new ❤ 🙇 thanks for making our journey of learning awesome from ur video 🎉❤

  • @abuhossain4274
    @abuhossain4274 Рік тому +1

    the way of making the project is awesome !! i love it.

  • @ibrahhim2096
    @ibrahhim2096 Рік тому +5

    Crazy that there are no ads in such great content

  • @codewithAbdulMumin
    @codewithAbdulMumin Рік тому +2

    you are a treasure sent directly from heaven. keep the good work. thank you

  • @sabato.rwanda
    @sabato.rwanda Рік тому +3

    thanks man this is amazing nextjs project tutorial I've ever seen.💖

  • @nathannyawaya
    @nathannyawaya Рік тому +1

    Huh, another great learning material, by the way I have watched this video just to learn how the search and filters are working because it looks great and I needed that. thanks Adrian
    What vsc extension are you using to auto-complete?

    • @ofromdk
      @ofromdk 11 місяців тому +1

      think he is using copilot

  • @afamsval
    @afamsval Рік тому +3

    I am so happy about the typescript. Thank you so much Sir

  • @gbrachetta
    @gbrachetta Рік тому +2

    Adrian, your tutorials are great. Thank you. The only thing I'd wish for is to develop with the console open in the browser to catch warnings and errors.

  • @gbrachetta
    @gbrachetta Рік тому +4

    About the scrolling bug: I got it working by using `"next": "13.2.4"` in `package.json` (and obviously running `npm i` afterwards) and adding:
    experimental: {
    appDir: true,
    },
    in `next.config.js`.
    At least this works fine while keeping server side rendering until they fix the bug.

    • @javascriptmastery
      @javascriptmastery  Рік тому

      I'll try it!

    • @AdamYe
      @AdamYe Рік тому

      Definitely a nice way to fix the scrolling bug before they fix the bug officially!👍

    • @darinkong2144
      @darinkong2144 Рік тому

      It works, thank you!

  • @kolaiyuthir-kaalam
    @kolaiyuthir-kaalam Рік тому +2

    As usual great content ! Brother i want to suggest you onething put the entire process as video the styling of css and font choosing and so on, show everything that would be awesome.

  • @shiveshtiwari2612
    @shiveshtiwari2612 Рік тому +6

    Hey, just wanted to give some gratitude to what you're doing. I really thank you for all these projects as they have helped me a lot.
    Also, there is a request if you can make some more videos related to app development like react native.
    Also it would be great if you can give a course on flutter, I really want a flutter course from your side...

  • @sahiljaidka6657
    @sahiljaidka6657 Рік тому +1

    Great video, instead of split and join can we just do replace("_", " "), to remove underscore?

  • @anandbaraik5010
    @anandbaraik5010 Рік тому +3

    You are gem 💎 thanks for everything mate!

  • @Woldey
    @Woldey Рік тому +2

    2:31:12
    router.push(newPathName, { scroll: false })
    Add scroll false to prevent scroll position reset

  • @HaadSec
    @HaadSec Рік тому +4

    Does anybody know where i can find the imagin studio api key since the one used on this app was expired?

  • @helpy852
    @helpy852 Рік тому +1

    Man please keep up the good work and i can't emphasize Typescript enough. Thank you!

  • @dhananjay5053
    @dhananjay5053 Рік тому +3

    on point...thanks for doing so many things free for us

  • @ollytianainspiration585
    @ollytianainspiration585 Рік тому +1

    Thanks for this lovely tutorial. I don't know why the custom Button not showing blue and white text while the title is displayed"Explore Car 1:46 s' but shows no error.

  • @pavels9566
    @pavels9566 Рік тому +4

    Hi Adrian, please do more TypeScript tutorials for sure! Thank you!

  • @ayxannematov9726
    @ayxannematov9726 Рік тому +1

    for scrolling problem by router.push or Link from next you can use {scroll:false} as second parameter on these.

  • @olitalks1
    @olitalks1 Рік тому +5

    Thanks jsm for making such marvelous projects.If it has live demos or figm design it would be very helpful for us to give a first try by our own.However, undoubtedly i am grateful to you.

  • @Matty100
    @Matty100 Рік тому +2

    Yes!! Thank you Adrain I can't wait to give this one a spin

    • @javascriptmastery
      @javascriptmastery  Рік тому +2

      Hope you like it!

    • @Matty100
      @Matty100 Рік тому +1

      After an 1.5-2 hours of searching finally found it!!! Error was hiding in the utils/index I put limits instead of limit in the fetch call. #BowToYourSensei! 🤩🙃

  • @tomasburian6550
    @tomasburian6550 Рік тому +3

    Next.js is great, we use it at work for all our React-based projects and it saves so much time and effort, lets us work quite efficently.
    The only thing I find disturbing as of late is that a lot of tutorials teach with Tailwind, which isn't as commonly used in the business. Luckily a dev who has at least some work experience is able to substitute with his preferred framework instead.

    • @Nulimitz
      @Nulimitz Рік тому +1

      Does youe team use Bootstrap or custom css?

    • @tomasburian6550
      @tomasburian6550 Рік тому +1

      @@Nulimitz We used Material UI

  • @bongumenzinzama6896
    @bongumenzinzama6896 Рік тому +2

    You are giving us life,Thank you Don Adrian

  • @isSatoshiReal
    @isSatoshiReal Рік тому +5

    I was just wondering what project I should start studying next and you uploaded the video with such a cool website! Its time to study now! Thank you very much from Russia :)

  • @oguzhanaydn7482
    @oguzhanaydn7482 Рік тому +2

    thank you so much for the next13 typescript project video ♥ im having so much fun following your instructions and coding parallelly.

  • @bluecranecomics
    @bluecranecomics Рік тому +3

    Very exicted for this project

  • @bro-watch
    @bro-watch Рік тому

    Amazing content. (Next + Tailwind + TypeScript) = I'm here from the first to the last minute.

  • @0100-w1s
    @0100-w1s 10 місяців тому +4

    how do i get acccess to imagin.studio's car image api without a company email?

  • @ghulammujtaba9236
    @ghulammujtaba9236 Рік тому +2

    I was eagerly waiting for a NextJS project with Typescript. You don't disappoint

  • @nelmansenarathne6385
    @nelmansenarathne6385 Рік тому +3

    Excellent project. Thanks.

  • @zehranoor7799
    @zehranoor7799 Рік тому +1

    thanks for this tutorial its quite helpful

  • @abdulrehmanbaber2104
    @abdulrehmanbaber2104 Рік тому +4

    key provided is not working for imagin studios.

  • @proha2861
    @proha2861 Рік тому +2

    Best youtube channel to learn

  • @devotee9606
    @devotee9606 10 місяців тому +4

    imagin studio no longer offers free trial. what to do?

    • @kalpitchandekar1736
      @kalpitchandekar1736 4 місяці тому

      did you find the solution because I have the same problem

  • @sfincione2000
    @sfincione2000 Рік тому +1

    Fantastic demo project! Great job.

  • @konidoniravirr6580
    @konidoniravirr6580 Рік тому +3

    Sir, Thank you and i want more series like this with ts+next+mongodb ...😊

  • @taunado
    @taunado Рік тому +1

    Brilliant. +1 for more Next, TS, Tailwind projects.

  • @elliscaicedo9045
    @elliscaicedo9045 Рік тому +4

    Awesome 🎉

  • @yuliasereda5671
    @yuliasereda5671 Рік тому +1

    2:44:44 font-medium doesn't work you can't even find it in devtools. because selected is the second param, so we have to say ({active, selected})=>.... and then it is works

  • @kamaliddinsattorov7493
    @kamaliddinsattorov7493 Рік тому +4

    Thanks for the knowledge you have shared. Love your typescript nextJs tutorial. Please, do more of them, and also, can you do a similar project with the use of Shadcn UI. There are almost no tutorials on the web with Shadcn-ui