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

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

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

  • @programmingwithmosh
    @programmingwithmosh  5 месяцев назад +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 Месяц назад

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

    • @AlEgorova
      @AlEgorova Месяц назад

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

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

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

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

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

  • @webapple1
    @webapple1 8 месяцев назад +19

    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 4 месяца назад

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

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

      thanks bro

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

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

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

      @@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 2 месяца назад +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!

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

    Hi @21:56, I have noticed that the logs are printing multiple times on each page navigation. What can be the potential reason for this ?

  • @imclowdy
    @imclowdy 11 месяцев назад +12

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

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

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

  • @pranavsingh2592
    @pranavsingh2592 8 месяцев назад +20

    This isn't a full tutorial. I think it would be helpful if you are clear with that at the start itself

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

      Ja feel the same way I thought I was the only one , he did the same thing with the React beginner video in the beginning he spoke about the game app he will be creating but never did I even searched for part 2 of the video in his video catalog nothing .

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

      Ja feel the same way I thought I was the only one , he did the same thing with the React beginner video in the beginning he spoke about the game app he will be creating but never did I even searched for part 2 of the video in his video catalog nothing .

  • @sauravkumarjha2838
    @sauravkumarjha2838 11 месяцев назад +10

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

  • @Sirreal45
    @Sirreal45 10 месяцев назад +3

    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

  • @Rocky18-o9o
    @Rocky18-o9o 11 месяцев назад +1

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

  • @fitrianhidayat
    @fitrianhidayat 11 месяцев назад +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

  • @code-byte-hub
    @code-byte-hub 11 месяцев назад +3

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

  • @user-pj8ve1re6k
    @user-pj8ve1re6k 7 месяцев назад +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.

  • @Lolatyou332
    @Lolatyou332 9 месяцев назад +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.

  • @ankitagrawal9140
    @ankitagrawal9140 11 месяцев назад +2

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

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

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

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

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

  • @chibuzorisrael5878
    @chibuzorisrael5878 11 месяцев назад +23

    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 11 месяцев назад +1

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

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

      My kinda guy 👍👍@@xaosland

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

    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?!

  • @MAF12.21
    @MAF12.21 11 месяцев назад +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

  • @egaiosowor
    @egaiosowor 11 месяцев назад +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.

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

    The teaching style is great, but I wouldn't teach Radix and Prisma to anyone. Better use something more common like Styled Components or Tailwind, or if you need a component library, then Material UI / Mantine and for DB definitely use any SQL-based database systems (preferrably postgres), or Mongo DB if you wanna use noSQL document-oriented database.
    Those are much more widely used out there in the real world and give the students a higher chance of being useful to potential employers.

  • @mother_chucker12
    @mother_chucker12 10 месяцев назад +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 10 месяцев назад +1

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

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

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

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

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

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

    Sir can I please get the permission to be sharing your posted video?

  • @kenkioqqo
    @kenkioqqo 11 месяцев назад +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.

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

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

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

    Mosh, you are the best teacher.

  • @AshikRahman-fw3sv
    @AshikRahman-fw3sv 9 месяцев назад

    full stack Software Development programming language skills 2023

  • @AshikRahman-fw3sv
    @AshikRahman-fw3sv 9 месяцев назад

    full stack Software Development programming language skills 2023

  • @seanl8930
    @seanl8930 Месяц назад

    Textfield.input is no longer a part of Radix UI. Anyone got a fix for how they got around this?

  • @carlosoliveiragrijo
    @carlosoliveiragrijo 11 месяцев назад +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 🎉

    • @programmingwithmosh
      @programmingwithmosh  11 месяцев назад +9

      I’m actually working on a separate course on testing.

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

      @@programmingwithmosh oh thanks 🙏 awesome 😎

  • @salmanmughal2763
    @salmanmughal2763 Месяц назад

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

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

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

  • @sam-h5r6j
    @sam-h5r6j 3 месяца назад

    So basically to do this course you need to do 10 other courses in the same thing. Ok.

  • @Latest_movies_and_series
    @Latest_movies_and_series 11 месяцев назад +2

    IVE TAUGHT MYSELF ALOT THROUGH YOUR VIDEOS

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

    Guys this is not a full project where you get to deploy ans build the whole application.You gotta buy his course

  • @bashirabubakar8047
    @bashirabubakar8047 11 месяцев назад +2

    Thanks

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

    sir please tell that which software you use for screen recording

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

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

  • @wj6946
    @wj6946 11 месяцев назад +2

    can't wait for it!!!!

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

    am getting the 405 Method not allowed in post man ,help please

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

    i need a discount on your monthly subscription on your website

  • @Royale3533
    @Royale3533 10 месяцев назад +1

    I followed along with the steps to change the font at 53:15 and it didn't work for me, so I downloaded your code and checked out the commit right after you made the same changes and it didn't work either. Any idea why it works for you but doesn't work on my computer?
    Great tutorial otherwise

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

      I had the same issue. I fixed it by adding "!important" after the line of css in theme-config.css

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

      same bro, do you figure it out now how to fix it ?

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

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

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

    Great Teacher. Take my love Mosh

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

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

  • @stephenjaramillo4705
    @stephenjaramillo4705 11 месяцев назад +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 11 месяцев назад

      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.

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

    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.

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

    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?

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

    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?

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

    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 ?

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

    Hello there I would like to ask about the The Ultimate React Native Series Course in your website. Why does it cost -$29 ?? Id like to buy it and it cost $99 usd in bundle. Whats goin on? Thank you.

  • @MadhuSudhan-um2lm
    @MadhuSudhan-um2lm 11 месяцев назад

    I completed your java, dsa courses but real job description ask some other technologies spring, springboot, please send these courses, how much time to take it.
    And send also complete java developer road map and that courses.
    Iam waiting for your reply and courses(spring ,,)

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

    So what’s next mosh

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

    I have been creating my NextJS app for a long time now and it is working very well when I run npm run dev. When I try to host it on vercel it does not work. Always says Build failed. I cant get to fix it. how do you avoid such a situation. This is very stressful. I can only view my app on localhost and i am almost giving up. It won't let me deploy.

  • @Yahya_Umar
    @Yahya_Umar 11 месяцев назад +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 11 месяцев назад

      you should apply the concepts to develop inventory management system

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

    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..

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

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

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

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

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

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

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

    When is the next part coming of this video?

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

    great quality content, but as soon you subscribe to their website they keep charging you even after unsubscribing. they don't let you delete your credit info and respond the way it is our fault, like we can do anything about the autorenewal, not fix their website issue which is not secure and reliable to add credit info.

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

    Please replace prisma with mongodb thank you very much

  • @VSaran-u6k
    @VSaran-u6k 2 месяца назад

    your great but payment method i dont like it

  • @ianjayyuson8821
    @ianjayyuson8821 Месяц назад

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

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

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

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

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

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

    Hey bro could you help me? please i have questions about telegram bot. Please help me, pls

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

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

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

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

  • @BrafieGhana-z3k
    @BrafieGhana-z3k 11 месяцев назад

    I'm not familiar with typescript. is it possible to have javascript version ?

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

    I cant access the live link for the project in the github, what is the password?

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

    how do you create a in layout.tsx like that it shows up an error

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

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

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

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

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

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

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

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

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

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

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

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

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

    Your server seems down, can't access the course. Please fix asap

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

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

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

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

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

    While installing next js i get so many errors
    Can you please give me a solution

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

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

  • @joker-wr8pt
    @joker-wr8pt 11 месяцев назад +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  11 месяцев назад +46

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

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

      ​@@programmingwithmoshwow

  • @MAF12.21
    @MAF12.21 11 месяцев назад

    Hey, i write something in live comment. Then answer me when you have a time.

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

    You are the best teacher ever 😊

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

    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 😊

  • @HeyMr.OO7
    @HeyMr.OO7 11 месяцев назад

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

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

    Does anyone know the ohmyzsh theme he is using for his terminal?

  • @jimking2692
    @jimking2692 11 месяцев назад +3

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

  • @mohamed-20-04
    @mohamed-20-04 11 месяцев назад

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

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

    Preparing my 🍿. 😊

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

    sir issue tracker project part 2 ?

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

    Plz a series on next with mysql ecom project

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

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

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

    I really enjoy this video, thank you so much

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

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

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

    Hello sir, which theme and font using in vscode?

  • @PreyanBhowmick-z6e
    @PreyanBhowmick-z6e 6 месяцев назад

    what font are you using?