Next.js Projects: Build a Full-stack App with Next.js, Tailwind, Radix UI, and Prisma

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

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

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

    🚀Want to master Next.js?
    - Check out my full Next.js course: bit.ly/nextjs-series
    - Subscribe for more videos like this: goo.gl/6PYaGF

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

      اگه ایران باشیم از کجا ببینیم؟

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

      from Russia I can't purchase ((( But have full code in github, thank you so much for your wonderful tutorial! :-))

    • @DeepakKumarSingh-kd8kg
      @DeepakKumarSingh-kd8kg Месяц назад

      where I get the first part of the video

  • @chibuzorisrael5878
    @chibuzorisrael5878 Год назад +24

    15mins into this course and I was able to solve a problem in my portfolio website. Thank you so much Mosh. Please all learners ensure disable ads blockers, don't skip ads. When ads plays, see it as break time and quickly go review whatever you have learnt.

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

      We downloaded this video and are watching offline)))))

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

      My kinda guy 👍👍@@xaosland

  • @sauravkumarjha2838
    @sauravkumarjha2838 Год назад +10

    You have made huge impact in my journey as a developer. Glad to see you progressing.

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

    I love your explanation style and speed. This is really helpful to code along and get the feel of how to think like an engineer. More like these would be amazing; different stacks, different projects. Criminally under-rated content.

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

    Great content as always.
    Never disappointed when I watch a Mosh video.

  • @Sirreal45
    @Sirreal45 11 месяцев назад +4

    man love the tutorials. Only thing I could even say is that explaining a little bit more on why we are doing some of things would be useful, example being, we import react-hook-form controller, maybe tell us a small bit about what that does. Most of the time you are good a breaking things down, just saying a little more expansion would be the cherry on top.
    There are other situations where for an intermediate dev, it would be useful. Hope that makes sense for future videos

  • @webapple1
    @webapple1 9 месяцев назад +20

    for anyone having issues around 53:00 , add important to the end of the line of css in the theme-config ; --default-font-family: var(--font-inter) !important;

    • @ar-ul5kj
      @ar-ul5kj 5 месяцев назад

      thanks dude, you've saved the world today :D

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

      thanks bro

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

      Thanks, why is this necessary? and what does the important! do?

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

      @@gustavduckert7075 bro in css we have a a concept called specificity that means how should style be applied for a particular element in html. for example if you have two css files and you linked the both css files to your html code then the second css file that you have linked wiill override the classes of your first css file ( it only overrides when your classes match with classnames in html file) . basically important! have highest specificity in css so it overrides any classnames,other css files and applies the style for the element of html

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

      OMG! Glad I'm not the only one that spent way too much time on this then should have. He also applies the class to the body tag, but radix-ui clearly shows it in the head... so went back and forth trying to understand why that would matter. You saved my brain!

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

    Thanks Mosh. Back when I was starting out, your python tutorial helped me immensely. Now again, you have rescued me from weeks of agonizing pain, lol. Thanks once again.

  • @ShakkeerTheCoder
    @ShakkeerTheCoder 6 месяцев назад +2

    Mosh, you are the best teacher.

  • @typingofthecode
    @typingofthecode Год назад +11

    I can't express how much I have learned from you! Thanks for the hard and smart work.

  • @code-byte-hub
    @code-byte-hub Год назад +4

    Thank you, your tutorials helps me to to get my job and work with real projects.

  • @imclowdy
    @imclowdy Год назад +12

    You are the best, because of you I got an amazing job. Thank you for such great content sir.

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

    IVE TAUGHT MYSELF ALOT THROUGH YOUR VIDEOS

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

    I LOVE YOU BROO!! THIS GUIDE IS SO PERFECT AND ALL YOUR CONTENTS!! PLEASE DO MORE CONTENTSS!!

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

    You are the best teacher ever 😊

  • @user-ev4sq2io1c
    @user-ev4sq2io1c 11 месяцев назад

    Mosh is master at teaching, no other youtuber can compare

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

    Bro's rolling out tutorials for every JS framework. Wow.

  • @fitrianhidayat
    @fitrianhidayat Год назад +6

    Hi Mosh, I'm a big fan of your channel and have learned a lot from your tutorials. I wanted to kindly request if you could create a beginner's tutorial series for Golang. I'm really interested in learning the language, and I believe your teaching style would make the learning experience enjoyable. Thank you for considering my suggestion, and keep up the amazing work

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

    I have completed already. It's Awesome course ever i have seen on this earth... thank you so much.mosh

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

    what a beautiful project, i love out of the box ideas projects

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

    Whenever I fell depressed due to my IIT preparation , I remember that I have Mosh's courses

  • @carlosoliveiragrijo
    @carlosoliveiragrijo Год назад +8

    You are the best teacher, brilliant, but there is always one thing missing from the courses: Tests.
    We cannot create a professional application without testing. Whether regression, unitary, integrations or end to end.
    Thanks for your awesome work 🎉

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

    great tutorial, please continue making more such project tutorials. Thank you Mosh

  • @MAF12.21
    @MAF12.21 Год назад

    I love your leactire and way of teaching

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

    You are amazing Mosh! Thanks for your great courses. 🙏💯

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

    Mosh has helped me a lot on my software engineering journey since discovering him in February this year. Today, I'm able to build Django APIs, web apps, and Python scripts for everyday tasks and his courses have been very instrumental in helping me get to this level.

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

    many thanks, dear Hamedani ❤

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

    I have been off track for a year now and forget everything I learned.
    Once again I'm thinking about starting over with this course, with Mosh's course..

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

    Great Teacher. Take my love Mosh

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

    can you create next js authentication lesson. you are the best teacher.

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

    Next up drizzle ORM would be a great option to build with 🎉

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

    Thank you so much for sharing your experience and knowledge, Sir.

  • @60secondsFrame
    @60secondsFrame Год назад

    really want more like this!

  • @MdAftab-qn1jy
    @MdAftab-qn1jy Год назад

    Awesome tutorials really love it thankyou mosh

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

    When I saw the part 2 is here....I am like lets finish 1st part quickly

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

      can you share the link please, i also want to finish 1st part, thanks in advance

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

    Very good tuto, we wait for the next part, thnx

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

    can't wait for it!!!!

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

    "Hi there! I've been exploring Next.js and I'm really interested in creating an inventory management system with it. It's a crucial project, and I believe a tutorial from your channel would be incredibly insightful and valuable. Could you please consider sharing your expertise on this topic? Your tutorials are always well-explained and appreciated."

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

      you should apply the concepts to develop inventory management system

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

    As men we don't say much, so much appreciated.

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

    Awesome... My love for you grows each day master

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

    I really enjoy this video, thank you so much

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

    Mosh you're the best ❤️

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

    Thanks

  • @minitext1
    @minitext1 9 месяцев назад

    Hi Mosh
    What are the software you use for your tutorial videos.
    I so much love your presentations.

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

    Hello, Mosh. Your content is really good. I really like your narrative style and I wanted to buy the Next.js series but it seemed expensive. Do you plan to share this content on Udemy?

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

    this instructor seems nice

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

    Great video u made with mysql there is no video like that on next js with mysql

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

    please make a course on PHP and Laravel framework

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

    Nice tutorial

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

    Hi Mosh,
    After 2nd part I've watching course Next.js, I grasp:
    1) use "Prisma" for DB creation and interact with it
    2) use "zod" for DB data validation
    3) use "Daisy UI' in touch with Tailwind for styling
    4) use "Radix UI" for user controls (such as textbox, label etc.) and styling them
    5) use "React hook form" library for handling user forms
    6) use "axios" for handling (operate) client request to server
    ....
    I can miss 1 or 2 tools but not more. I can mistake purpose of some of them (fix me) but...
    WHERE IS Next.js HERE?!

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

    Plz a series on next with mysql ecom project

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

    This has been one of the best time investments I have had over the weekend☺☺. Thanks Mosh.

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

    Excellent ! Best of the best!

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

    is there going to be another part making it so users can log in, see their issues, stuff like that or is this the end of this project? really enjoyed it, great job

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

    Preparing my 🍿. 😊

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

    THANK YOU for the video... You gained a new subscriber... by the way, do you have a discord channel?

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

    Thank you Mosh, your teaching style is pedagogy. Please let me know about course and course contain. Redux is also available ?

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

    Hi Mosh I am facing challenges in editing the layout.tsx on this tutorial

  • @Rocky18-o9o
    @Rocky18-o9o Год назад +1

    When Will be the next part of this Application Tutorial will be posted ???

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

    ❤I enjoyed your videos! Do you have any plans to create a tutorial on building an inventory management system using Next.js? Your tutorials are fantastic, and I'd love to see one on this topic! I also want to include some Python and machine learning, as well as utilize free APIs for data integration.

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

    When are you creating the database? Or does prisma do it for you?

  • @MAF12.21
    @MAF12.21 Год назад +1

    One more thing, make a small video that how to deploy node express to GCP, AWS and Azure by using docker and NGINX plus user database server from any service to connect with node express project and it should be run fastly every time not give response slower

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

    Mosh thank you!
    You brush me up I really loves the course nextjs part 1 particularly on setting up search params, prisma, and next auth. 😊.
    One thing I want your advice is after I finished the nextjs series. I would like to learn your Design Pattern. Could I learn your design pattern course even though my primary language would be use is javascript?
    Please help me what requisite I need to do before taking that course

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

      That's like doing DSA in JS🤦‍♂
      Anyways, if you aren't going to do Design Patterns in C++ [or some would say Java, C# or Python], then don't bother too much about it.
      Design Patterns have their strength when coupled with OOP.

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

    Mosh sir please give me the idea for a final year project in web based domain. Your help is a lot to me. ❤

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

    Mosh is great !

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

    mosh you are awesome

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

    Hi Mosh, can you please make video how to use Astro 3.0 in generally

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

    Is datagrip necessary for this? Can i exercise the same result without using datagrip?

  • @Lolatyou332
    @Lolatyou332 11 месяцев назад +1

    This code fails static pre-rendering and will fail to actually deploy anywhere.
    The issue is with the SimpleMDE, it is attempting to access a 'navigator' resource on the server and it needs to be dynamically imported and put into a variable so that it doesn't fail to static-prerender.

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

    @programmingwithmosh When will you release the NextJS 14 course? I currently pay the monthly subscription, Thank you for your contributions!

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

    sir please tell that which software you use for screen recording

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

    We love you mosh
    Iran

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

    WE WAITIN

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

    Can’t wait 😮

  • @Esteban-x-
    @Esteban-x- 10 месяцев назад

    Why are you not using the isSubmitting from react-hook-form formState ?

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

    Hey mosh, a friend of mine recommended your courses to me. Will there be a special offer this year? I'm just waiting for it so I can join 😊

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

    When is the next part coming of this video?

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

    Can't wait!!!!

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

    Mosh when you see all theses innovations in the JS community and React/Next and all the rest do you feel C++/C#/JAVA/PHP/PERL will never catchup in term of popularity or web development ? they will become second citizen programming language or more niche ?

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

    I can't override Radix theme default font family, seems that Radix repo having an issue with that

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

    Hi Mosh, would you please tell me which theme you are using in the VSCODE

  • @joker-wr8pt
    @joker-wr8pt Год назад +17

    the only suggestion i'd suggest you to please make full stack app that uses the servers like express primsa but on the backend so that we can have the full idea

    • @programmingwithmosh
      @programmingwithmosh  Год назад +46

      With Next.js you don’t need Express anymore. That’s the whole point!

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

      ​@@programmingwithmoshwow

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

    I guess this is not the complete course? or for that I need to join your course... please clarify that

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

    You forgot MySQL in the title. Hardly anyone is doing full stack with a DB. Thanks!

  • @user-pj8ve1re6k
    @user-pj8ve1re6k 8 месяцев назад +1

    The link you use for prisma code (Best practice for instantiating PrismaClient with Next.js min 40:32) does not exist anymore. Please update your video instructions to reflect this.

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

    I'm having problem with setting the default Font to Inter. Followed all the steps but default family is still apple-system.
    From the console we can see that .radix-themes we have set in theme-config.css are getting overridden by the .radix-themes values, and therefor default font family is not being set to Inter.
    Is there a better way to enforce the use of the Inter, without adding the !important ?
    Also creating our own isSubmitting state is not needed...you can use isSubmitting from the formState.

    • @mistersir3185
      @mistersir3185 11 месяцев назад +1

      I'm having the exact problem. Not sure why.

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

      same, fuk this tutorial, btw how to apply !important?

    • @abdulquyum6469
      @abdulquyum6469 9 месяцев назад

      ​.radix-themes {
      --default-font-family: var(--font-inter) !important;
      } works for me ​

  • @HeyMr.OO7
    @HeyMr.OO7 Год назад

    Mosh when will you bring Android App of Mosh ??!

  • @behroozbk
    @behroozbk 9 месяцев назад

    دمت گرم , عالیه

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

    Thank you sooooooooooo much

  • @mohamed-20-04
    @mohamed-20-04 Год назад

    can you do a frontend project like an ecommerce store , thanks

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

    where is the next part of the application where Auth and Dashboard etc is developed ?

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

    is using locally now but when goona deploy then how goona prisma gonna work and we are goona unable to deploy the project

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

    What are the limitations of using Nextjs as a backend instead of using Express or Nest.js ?

  • @SuhailKhatarnok
    @SuhailKhatarnok 24 дня назад

    Is this course still relevant with nextjs15?

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

    I am a beginner with mysql. when I tried to add mysql data source in DataGrip it showing the error 'issue-tracker' database not found. How can I solve this issue?

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

    Hi, can you please make a video on, how to create the same effect as daisyUI website.

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

    Can you make a video on how to implement google AdSense on next js 13 without losing SSR?

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

    sir issue tracker project part 2 ?

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

    There is play list for frome were i start to learn web developer ?

  • @dnjosh10
    @dnjosh10 22 дня назад

    Where is the remaining part of the video?